Textbox validation

Here I am assuming some input fields for you.

"text/javascript">
function register_onclick() {
var controlId = document.getElementById("<%=txtDrname.ClientID %>");
if (controlId.value == "") {
alert('Please enter the Dr Name');
return false;
}
var m = document.getElementById("<%=txtmobile.ClientID %>");
if (m.value == "") {
alert('Please enter the Mobile No');
return false;
}
var email = document.getElementById("<%=txtEmail.ClientID %>");
if (document.getElementById("<%=txtEmail.ClientID %>").value == "") {
alert('Please enter the Email');
return false;
}
var filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
if (!filter.test(email.value)) {
alert('Please provide a valid email address');
email.focus;
email.style.borderColor = "red";
//email.value = "please enter proper mail address";
<%-- document.getElementById("<%=red.ClientID %>").style.display = "block";
email.focus;--%>
return false;
}
if (document.getElementById("<%=txtspeciality.ClientID %>").value == "") {
alert('Please enter the Speciality');
return false;
}
if (document.getElementById("<%=ddl1.ClientID %>").value == "Select Region" || document.getElementById("<%=ddl1.ClientID %>").value == "") {
alert('Please enter the Region');
return false;
}
if (document.getElementById("<%=ddl2.ClientID %>").value == "Select Activity" || document.getElementById("<%=ddl2.ClientID %>").value == "") {
alert('Please enter the Activity');
return false;
}
var r = document.getElementById("ddl1");
var a = document.getElementById("ddl2");
if (r.selectedIndex == 0) {
alert('Please select proper Region');
return false;
}
if (a.selectedIndex == 0) {
alert('Please select proper Activity');
return false;
}
return true;
}

Now the button

"register" Text="Register" OnClientClick="return register_onclick()" OnClick="register_ServerClick" runat="server" />

Now specify you codebehind method register_ServerClick.

So when user click it will first check the clientside script after that if method returns true then it will execute you backend method.

6 Replies

Know the answer? Post it — somebody with the same question will find it here.

Rajneesh Chaubey8y ago
Accepted answer
Here I am assuming some input fields for you.
"text/javascript">
function register_onclick() {
var controlId = document.getElementById("<%=txtDrname.ClientID %>");
if (controlId.value == "") {
alert('Please enter the Dr Name');
return false;
}
var m = document.getElementById("<%=txtmobile.ClientID %>");
if (m.value == "") {
alert('Please enter the Mobile No');
return false;
}
var email = document.getElementById("<%=txtEmail.ClientID %>");
if (document.getElementById("<%=txtEmail.ClientID %>").value == "") {
alert('Please enter the Email');
return false;
}
var filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
if (!filter.test(email.value)) {
alert('Please provide a valid email address');
email.focus;
email.style.borderColor = "red";
//email.value = "please enter proper mail address";
<%-- document.getElementById("<%=red.ClientID %>").style.display = "block";
email.focus;--%>
return false;
}
if (document.getElementById("<%=txtspeciality.ClientID %>").value == "") {
alert('Please enter the Speciality');
return false;
}
if (document.getElementById("<%=ddl1.ClientID %>").value == "Select Region" || document.getElementById("<%=ddl1.ClientID %>").value == "") {
alert('Please enter the Region');
return false;
}
if (document.getElementById("<%=ddl2.ClientID %>").value == "Select Activity" || document.getElementById("<%=ddl2.ClientID %>").value == "") {
alert('Please enter the Activity');
return false;
}
var r = document.getElementById("ddl1");
var a = document.getElementById("ddl2");
if (r.selectedIndex == 0) {
alert('Please select proper Region');
return false;
}
if (a.selectedIndex == 0) {
alert('Please select proper Activity');
return false;
}
return true;
}
Now the button
"register" Text="Register" OnClientClick="return register_onclick()" OnClick="register_ServerClick" runat="server" />
Now specify you codebehind method register_ServerClick.
So when user click it will first check the clientside script after that if method returns true then it will execute you backend method.
chandravathi s8y ago
Instead of alert('messeage'); I have written Lbl_Message.Test = "message"; Here Lbl_Message is if of the lable. But I am not getting the message what I have written
Rajneesh Chaubey8y ago
Hi @chandravathi,
Surely, you can do this. Just get the id of label and display there.
chandravathi s8y ago
thank you
chandravathi s8y ago
Thank you for the reply. Instead of getting a popup message (alert. Message) is it possible to get message in a labels which is placed near to the text boxes?
Bharathi Raja8y ago
http://www.c-sharpcorner.com/article/textbox-validation-client-side-and-server-side-in-asp-net-webform/