Need Help in Javascript : The Official Microsoft ASP.NET Forums

Reply

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...

Thanks & Regards
Roopesh Reddy C
Roopesh's Space

Reply

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

Reply

heyitsme

Participant

1085 Points

399 Posts

Re: Need Help in Javascript

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?

Mark this post as answer if it helps you!!!

Regards
Sangamesh Belawatgi,
Software Developer,
Bangalore - INDIA

Reply

saba.amir86

Member

1 Points

13 Posts

Re: Need Help in Javascript

Jan 04, 2013 08:21 AM|LINK

yes, confirmatioin alert msg box

Reply

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>

Mark this post as answer if it helps you!!!

Regards
Sangamesh Belawatgi,
Software Developer,
Bangalore - INDIA