Sign In| Join
Get Help:Ask a Question in our Forums|Report a Bug|More Help Resources
Last post Jan 05, 2013 01:15 PM by vivaone
All-Star
20143 Points
3327 Posts
Jan 03, 2013 02:14 PM|LINK
Hi,
OK! I'm taking heyitsme code -
<html> <head> <title>Registration Form</title> <script type="text/javascript"> function validateForm() { if (document.getElementById("userid").value == "") { alert("User id should not be empty"); return false; } var uname = document.getElementById("userid").value; var filter = /^[a-z|A-Z]+$/; if (!filter.test(uname)) { alert("Use only alphabets for username"); document.getElementById("userid").value = ""; document.getElementById("userid").focus(); return false; } if (document.getElementById("pass").value == "") { alert("password should not be empty"); return false; } if (document.getElementById("list").value == "(Please choose a country)") { alert("Select your country from the list"); return false; } var email = document.getElementById("email").value; var filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/; if (!filter.test(email)) { alert("Invalid email"); document.getElementById("email").value = ""; document.getElementById("email").focus(); return false; } var radios = document.getElementsByName("rgen"); var formValid = false; var i = 0; while (!formValid && i < radios.length) { if (radios[i].checked) formValid = true; i++; } if (!formValid) alert("Must select gender"); if(formValid) { alert("Form submitted..."); } return formValid; } </script> </head> <body> <form name="myForm" action="" onsubmit="return validateForm()" 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="alphabet" name="alphabet" 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" name="email" id="email" size="50" /> </br> Gender: <br> <input type="radio" id="1" name="rgen" value="1" />Male </br> <input type="radio" id="Radio1" name="rgen" value="2" />Female </br> </br> <input type="submit" name="submit" value="Submit"> <input type="reset" value="Reset"> </form> </form> </body> </html>
Hope it helps u...
Member
1 Points
13 Posts
Jan 03, 2013 05:17 PM|LINK
hi,
i need a alert message when click on submit when form is validated and correct.
Thanks
Participant
1085 Points
399 Posts
Jan 04, 2013 03:43 AM|LINK
saba.amir86 need a alert message when click on submit when form is validated and correct.
Do you need a confirmation alert msg box?
Jan 04, 2013 08:21 AM|LINK
yes, confirmatioin alert msg box
Jan 05, 2013 03:54 AM|LINK
HI. Take this code with confirmation box on click of save. Also please dont forget to mark as answer to the above replies
Regards
<html> <head> <title>Registration Form</title> <script type="text/javascript"> function validateForm() { if (document.getElementById("userid").value == "") { alert("User id should not be empty"); return false; } var uname = document.getElementById("userid").value; var filter = /^[a-z|A-Z]+$/; if (!filter.test(uname)) { alert("Use only alphabets for username"); document.getElementById("userid").value = ""; document.getElementById("userid").focus(); return false; } if (document.getElementById("pass").value == "") { alert("password should not be empty"); return false; } if (document.getElementById("list").value == "(Please choose a country)") { alert("Select your country from the list"); return false; } var email = document.getElementById("email").value; var filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/; if (!filter.test(email)) { alert("Invalid email"); document.getElementById("email").value = ""; document.getElementById("email").focus(); return false; } var radios = document.getElementsByName("rgen"); var formValid = false; var i = 0; while (!formValid && i < radios.length) { if (radios[i].checked) formValid = true; i++; } if (!formValid) { alert("Must select gender"); return formValid; } if (confirm("Are you sure?") == true) return true; else return false; } </script> </head> <body> <form name="myForm" action="" onsubmit="return validateForm()" 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="alphabet" name="alphabet" 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" name="email" id="email" size="50" /> </br> Gender: <br> <input type="radio" id="1" name="rgen" value="1" />Male </br> <input type="radio" id="Radio1" name="rgen" value="2" />Female </br> </br> <input type="submit" name="submit" value="Submit"> <input type="reset" value="Reset"> </form> </form> </body> </html>
Jan 05, 2013 05:24 AM|LINK
ok thanks alot.. marked as answer
2 Points
2 Posts
Jan 05, 2013 01:15 PM|LINK
Are there any ways, because i could not acces or edit the js file
roopeshreddy
All-Star
20143 Points
3327 Posts
Re: Need Help in Javascript
Jan 03, 2013 02:14 PM|LINK
Hi,
OK! I'm taking heyitsme code -
<html> <head> <title>Registration Form</title> <script type="text/javascript"> function validateForm() { if (document.getElementById("userid").value == "") { alert("User id should not be empty"); return false; } var uname = document.getElementById("userid").value; var filter = /^[a-z|A-Z]+$/; if (!filter.test(uname)) { alert("Use only alphabets for username"); document.getElementById("userid").value = ""; document.getElementById("userid").focus(); return false; } if (document.getElementById("pass").value == "") { alert("password should not be empty"); return false; } if (document.getElementById("list").value == "(Please choose a country)") { alert("Select your country from the list"); return false; } var email = document.getElementById("email").value; var filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/; if (!filter.test(email)) { alert("Invalid email"); document.getElementById("email").value = ""; document.getElementById("email").focus(); return false; } var radios = document.getElementsByName("rgen"); var formValid = false; var i = 0; while (!formValid && i < radios.length) { if (radios[i].checked) formValid = true; i++; } if (!formValid) alert("Must select gender"); if(formValid) { alert("Form submitted..."); } return formValid; } </script> </head> <body> <form name="myForm" action="" onsubmit="return validateForm()" 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="alphabet" name="alphabet" 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" name="email" id="email" size="50" /> </br> Gender: <br> <input type="radio" id="1" name="rgen" value="1" />Male </br> <input type="radio" id="Radio1" name="rgen" value="2" />Female </br> </br> <input type="submit" name="submit" value="Submit"> <input type="reset" value="Reset"> </form> </form> </body> </html>Hope it helps u...
Roopesh Reddy C
Roopesh's Space
saba.amir86
Member
1 Points
13 Posts
Re: Need Help in Javascript
Jan 03, 2013 05:17 PM|LINK
hi,
i need a alert message when click on submit when form is validated and correct.
Thanks
heyitsme
Participant
1085 Points
399 Posts
Re: Need Help in Javascript
Jan 04, 2013 03:43 AM|LINK
Do you need a confirmation alert msg box?
Regards
Sangamesh Belawatgi,
Software Developer,
Bangalore - INDIA
saba.amir86
Member
1 Points
13 Posts
Re: Need Help in Javascript
Jan 04, 2013 08:21 AM|LINK
yes, confirmatioin alert msg box
heyitsme
Participant
1085 Points
399 Posts
Re: Need Help in Javascript
Jan 05, 2013 03:54 AM|LINK
HI. Take this code with confirmation box on click of save. Also please dont forget to mark as answer to the above replies
Regards
<html> <head> <title>Registration Form</title> <script type="text/javascript"> function validateForm() { if (document.getElementById("userid").value == "") { alert("User id should not be empty"); return false; } var uname = document.getElementById("userid").value; var filter = /^[a-z|A-Z]+$/; if (!filter.test(uname)) { alert("Use only alphabets for username"); document.getElementById("userid").value = ""; document.getElementById("userid").focus(); return false; } if (document.getElementById("pass").value == "") { alert("password should not be empty"); return false; } if (document.getElementById("list").value == "(Please choose a country)") { alert("Select your country from the list"); return false; } var email = document.getElementById("email").value; var filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/; if (!filter.test(email)) { alert("Invalid email"); document.getElementById("email").value = ""; document.getElementById("email").focus(); return false; } var radios = document.getElementsByName("rgen"); var formValid = false; var i = 0; while (!formValid && i < radios.length) { if (radios[i].checked) formValid = true; i++; } if (!formValid) { alert("Must select gender"); return formValid; } if (confirm("Are you sure?") == true) return true; else return false; } </script> </head> <body> <form name="myForm" action="" onsubmit="return validateForm()" 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="alphabet" name="alphabet" 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" name="email" id="email" size="50" /> </br> Gender: <br> <input type="radio" id="1" name="rgen" value="1" />Male </br> <input type="radio" id="Radio1" name="rgen" value="2" />Female </br> </br> <input type="submit" name="submit" value="Submit"> <input type="reset" value="Reset"> </form> </form> </body> </html>Regards
Sangamesh Belawatgi,
Software Developer,
Bangalore - INDIA
saba.amir86
Member
1 Points
13 Posts
Re: Need Help in Javascript
Jan 05, 2013 05:24 AM|LINK
ok thanks alot.. marked as answer
vivaone
Member
2 Points
2 Posts
Re: Need Help in Javascript
Jan 05, 2013 01:15 PM|LINK
Are there any ways, because i could not acces or edit the js file