Introduction
Here I will explain how to validate form using Javascript Validations for textbox in asp.net
Description
I have a one registration form that contains fields like Name,Emailid,Phone no, Remarks.
Now User wants to check whether the Enter data in all fields is Correct or not by using JavaScript.
Step1 : Open the Website:-
Step2:-Add New Webform page
Step3:- Drag the required controls from the Toolbox
function validateask() {
var phoneValid = /^[+\d-.()\s]{1,25}$/;
var phone = document.getElementById('=txtphone.ClientID%>').value;
if (document.getElementById('=txtname.ClientID%>').value == "" || document.getElementById('=txtname.ClientID%>').value == "Name") {
errmsg += "\n Name";
alert("Please enter your name");
document.getElementById('=txtname.ClientID%>').focus();
return false;
}
else {
if (document.getElementById('=txtname.ClientID%>').value.charAt(0) == " ") {
alert("Please enter your correct name");
document.getElementById('=txtname.ClientID%>').focus();
return false;
}
}
if (document.getElementById('=txtemail.ClientID%>').value == "" || document.getElementById('=txtemail.ClientID%>').value == "Email") {
errmsg += "\n Email";
alert("Please enter your email");
document.getElementById('=txtemail.ClientID%>').focus();
return false;
}
else {
var elem = document.getElementById('=txtemail.ClientID%>')
var emailExp = /^(([^()[\]\\.,;:\s@\"]+(\.[^()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
//"
if (elem.value.match(emailExp)) {
}
else {
errmsg += "\n Invalid E-mail Address"
alert("Invalid E-mail Address");
elem.focus();
return false;
}
}
if (document.getElementById('=txtphone.ClientID%>').value == "" || document.getElementById('=txtphone.ClientID%>').value == "Phone") {
}
else {
if (document.getElementById('=txtphone.ClientID%>').value.charAt(0) == " ") {
errmsg += "\n Invalid Character in Name";
alert("Please enter your correct phone number");
document.getElementById('=txtphone.ClientID%>').focus();
return false;
}
else {
if (phoneValid.test(phone)) { }
else {
alert("Invalid phone number.");
return false;
}
}
}
if (document.getElementById('=CodeNumberTextBox.ClientID%>').value == "" || document.getElementById('=CodeNumberTextBox.ClientID%>').value == "Enter Code") {
alert("Please enter code.");
document.getElementById('=CodeNumberTextBox.ClientID%>').focus();
return false;
}
else {
}
if (errmsg != "") {
return false;
}
}
Write the following code aspx page
table style="width:100%;">
tr>
td>Nametd>
td>
asp:TextBox ID="txtName" runat="server">asp:TextBox>
td>
td> td>
tr>
tr>
td>EmaiEmailIdtd>
td>
asp:TextBox ID="txtEmailId" runat="server">asp:TextBox>
td>
td> td>
tr>
tr>
td>PhPhoneNotd>
td>
asp:TextBox ID="txtPhoneNo" runat="server">asp:TextBox>
td>
td> td>
tr>
tr>
td>Remarks
td>
asp:TextBox ID="txtRemarks" runat="server">asp:TextBox>
td>
td> td>
tr>
tr>
td> td>
td>
asp:Button ID="btSubmit" runat="server" OnClick="btSubmit_Click" Text="Submit" />
td>
td> td>
tr>
table>
Write the following code aspx.cs page
protected void Page_Load(object sender, EventArgs e)
{
this.SubmitButton.Attributes.Add("onClick", "return validateask();");
{
this.SubmitButton.Attributes.Add("onClick", "return validateask();");
}
Final Output:-