Sign In| Join
Get Help:Ask a Question in our Forums|Report a Bug|More Help Resources
Last post Jan 03, 2013 08:58 PM by saeed_saedvand
Member
1 Points
13 Posts
Jan 03, 2013 07:16 PM|LINK
hello,
i want to get a window alert when click the submit button after the form is completed accurately, the message can be your form is completed.etc
<html> <head> <title>Registration Form</title> <script type="text/javascript"> function validateForm() { var productselect=false; var len = new String(document.getElementById("userid").value).length; if (len < 5 ) { alert("User id should not be empty / length between 5 to 12 "); return false; document.getElementById("status").value = 'success'; } var len1 = new String(document.getElementById("pass").value).length; if (len1 <7 ) { alert("Password should not be empty / length between 7 to 12"); return false; } if(document.getElementById("list").value== "(Please choose a country)") { var iname = document.getElementById("name1").value; var filter = /^[a-z|A-Z]+$/; if (!filter.test(iname)) { window.alert("Name must have alphabet characters only"); document.getElementById("name1").value = ""; document.getElementById("name1").focus(); return false; } alert("Select your country from the list"); return false; } if(document.getElementById("email").value!='' && !validateEmail(document.getElementById("email").value)) { alert ("Pleaase enter valid email address"); return false; } for (var i=0;i< myForm.optGender.length;i++) { if(myForm.optGender[i].checked) productselect=true; } if(!productselect) { alert("Select Male/Female" ); return false; } return true; } function validateEmail(inputvalue) { var pattern=/^([a-zA-Z0-9_.-])+@([a-zA-Z0-9_.-])+\.([a-zA-Z])+([a-zA-Z])+/; if(pattern.test(inputvalue)) { return true; }else { return false; } function ValidateFunc() { // if fails return false; var success if(document.getElementById("submit").value==success) { alert("Form Submitted!"); return true; } } } </script> </head> <body> <form name="myForm" action="" method="get"> User ID : <br><input type="text" id="userid" name="userid"><br> Password: <br><input type="password" id="pass" name="pass"><br> Name:</br><input type="text" id="name1" name="name1" size="50"></br> Address:</br><input type="text" id="add" name="add" size="50"></br> Country: <br><SELECT name= "County list" id="list"size="multiple" > <OPTION value= "(Please choose a country)" selected>(Please choose a country)</option> <OPTION value= "Saudi Arabia" >Saudi Arabia</option><OPTION value= "Pakistan">Pakistan</option> <OPTION value= "Oman" >Oman</option><OPTION value= "U.A.E">U.A.E</option> <OPTION value= "Bahrain">Bahrain</option></SELECT> </br> Email: </br><input type="text" id="email" name="email" size="50"/> </br> Gender: <br> <input type="radio" name="optGender" group="optGender" value="1" >Male </br> <input type="radio" name="optGender" group="optGender" value="2" >Female </br></br> <input type="button" name="status" value="Submit" onclick= "validateForm()"> <input type="reset" value="Reset"> <input type="hidden" id="status" /> </form> </body> </html>
623 Points
203 Posts
Jan 03, 2013 07:29 PM|LINK
At The End of your Code in the Submit Click Event try using the Following Code
string formCompleted = "alert('Form Is Submitted')";
ScriptManager.RegisterStartupScript(btnSubmitRequest, this.GetType(), "Info", "formCompleted", true);
and you need to complete your validations before the Code reaches this point
Jan 03, 2013 07:46 PM|LINK
<input type="button" name="status" value="Submit" string formCompleted = "alert('Form Is Submitted')"; ScriptManager.RegisterStartupScript(btnSubmitRequest, this.GetType(), "Info", "formCompleted", true); <input type="reset" value="Reset">
do u mean like this? this isnt working too
Jan 03, 2013 07:54 PM|LINK
no Not at all...I didnt mean like that
The one I mentioned is in Code behind file of your Button Click Event ....
<asp:Button ID="btn1" runat="server" Text="SubmitForm" OnClick="AA"/>
and in the code behind use
protected void AA(object sender, Eventargs e)
{
string formCompleted = "alert('Form Is Submitted')"; ScriptManager.RegisterStartupScript(btnSubmitRequest, this.GetType(), "Info", "formCompleted", true);
}
As I said Before you need to complete you validations before the code reaches at this point
Jan 03, 2013 08:16 PM|LINK
ok Thanks alot.. im new to javascript.. but seriously i didnt get it...
can you please add a simple function or var to it to make it simpler
408 Points
74 Posts
Jan 03, 2013 08:58 PM|LINK
If you are using HTML element and want to submit a form, you should input submit button
<input type="submit" value="submit" />
saba.amir86
Member
1 Points
13 Posts
i need a window alert when click on submit after completing all fields as required.
Jan 03, 2013 07:16 PM|LINK
<html> <head> <title>Registration Form</title> <script type="text/javascript"> function validateForm() { var productselect=false; var len = new String(document.getElementById("userid").value).length; if (len < 5 ) { alert("User id should not be empty / length between 5 to 12 "); return false; document.getElementById("status").value = 'success'; } var len1 = new String(document.getElementById("pass").value).length; if (len1 <7 ) { alert("Password should not be empty / length between 7 to 12"); return false; } if(document.getElementById("list").value== "(Please choose a country)") { var iname = document.getElementById("name1").value; var filter = /^[a-z|A-Z]+$/; if (!filter.test(iname)) { window.alert("Name must have alphabet characters only"); document.getElementById("name1").value = ""; document.getElementById("name1").focus(); return false; } alert("Select your country from the list"); return false; } if(document.getElementById("email").value!='' && !validateEmail(document.getElementById("email").value)) { alert ("Pleaase enter valid email address"); return false; } for (var i=0;i< myForm.optGender.length;i++) { if(myForm.optGender[i].checked) productselect=true; } if(!productselect) { alert("Select Male/Female" ); return false; } return true; } function validateEmail(inputvalue) { var pattern=/^([a-zA-Z0-9_.-])+@([a-zA-Z0-9_.-])+\.([a-zA-Z])+([a-zA-Z])+/; if(pattern.test(inputvalue)) { return true; }else { return false; } function ValidateFunc() { // if fails return false; var success if(document.getElementById("submit").value==success) { alert("Form Submitted!"); return true; } } } </script> </head> <body> <form name="myForm" action="" method="get"> User ID : <br><input type="text" id="userid" name="userid"><br> Password: <br><input type="password" id="pass" name="pass"><br> Name:</br><input type="text" id="name1" name="name1" size="50"></br> Address:</br><input type="text" id="add" name="add" size="50"></br> Country: <br><SELECT name= "County list" id="list"size="multiple" > <OPTION value= "(Please choose a country)" selected>(Please choose a country)</option> <OPTION value= "Saudi Arabia" >Saudi Arabia</option><OPTION value= "Pakistan">Pakistan</option> <OPTION value= "Oman" >Oman</option><OPTION value= "U.A.E">U.A.E</option> <OPTION value= "Bahrain">Bahrain</option></SELECT> </br> Email: </br><input type="text" id="email" name="email" size="50"/> </br> Gender: <br> <input type="radio" name="optGender" group="optGender" value="1" >Male </br> <input type="radio" name="optGender" group="optGender" value="2" >Female </br></br> <input type="button" name="status" value="Submit" onclick= "validateForm()"> <input type="reset" value="Reset"> <input type="hidden" id="status" /> </form> </body> </html>Ramu Ajay
Member
623 Points
203 Posts
Re: i need a window alert when click on submit after completing all fields as required.
Jan 03, 2013 07:29 PM|LINK
At The End of your Code in the Submit Click Event try using the Following Code
string formCompleted = "alert('Form Is Submitted')";
ScriptManager.RegisterStartupScript(btnSubmitRequest, this.GetType(), "Info", "formCompleted", true);
and you need to complete your validations before the Code reaches this point
saba.amir86
Member
1 Points
13 Posts
Re: i need a window alert when click on submit after completing all fields as required.
Jan 03, 2013 07:46 PM|LINK
<input type="button" name="status" value="Submit" string formCompleted = "alert('Form Is Submitted')"; ScriptManager.RegisterStartupScript(btnSubmitRequest, this.GetType(), "Info", "formCompleted", true); <input type="reset" value="Reset">do u mean like this? this isnt working too
Ramu Ajay
Member
623 Points
203 Posts
Re: i need a window alert when click on submit after completing all fields as required.
Jan 03, 2013 07:54 PM|LINK
no Not at all...I didnt mean like that
The one I mentioned is in Code behind file of your Button Click Event ....
<asp:Button ID="btn1" runat="server" Text="SubmitForm" OnClick="AA"/>
and in the code behind use
protected void AA(object sender, Eventargs e)
{
string formCompleted = "alert('Form Is Submitted')"; ScriptManager.RegisterStartupScript(btnSubmitRequest, this.GetType(), "Info", "formCompleted", true);}
As I said Before you need to complete you validations before the code reaches at this point
saba.amir86
Member
1 Points
13 Posts
Re: i need a window alert when click on submit after completing all fields as required.
Jan 03, 2013 08:16 PM|LINK
ok Thanks alot.. im new to javascript.. but seriously i didnt get it...
can you please add a simple function or var to it to make it simpler
saeed_saedva...
Member
408 Points
74 Posts
Re: i need a window alert when click on submit after completing all fields as required.
Jan 03, 2013 08:58 PM|LINK
If you are using HTML element and want to submit a form, you should input submit button
Saeed Saedvand