Form Validation Using JavaScript.

Question

<html>
<head>
    <title>
        Form created using HTML
    </title>
</head>
<script>
        function validateform()
        {
            var x=document.forms["myForm"]["txtName"];
            var y=document.forms["myForm"]["txtAge"];
            if(x.value=="")
            {
                window.alert("Please enter valid values");
                return false;
            }
            else if(isNaN(y.value))
            {
                window.alert("Please enter valid values");
                return false;
            }
        }
        </script>
<body>
    <form name="myForm" action="/valid.php" onsubmit="return validateForm()" method="post">
        Employee Name : <input type="text" name="txtName"><br>
        Salary: <input type="text" name="txtAge"><br>
        <button type="submit" name="btnOK" value="Submit">OK</button>
        <button type="reset" name="btnClear" >Clear</button>
    </form>
</body>

I'm trying to validate my form but it just won't get executed. I don't want to do it with "Id" method. Sorry if I offended some of you with my last line, I'm fairly new in Javascript.

What is *“Id” method* and why don’t you want to use it? — MTCoster, Nov 14 '18 at 16:52
hint: javascript is case sensitive. Check the names by which you defined and called the function. — Robin Zigmond, Nov 14 '18 at 16:53
@RobinZigmond Has a point. It won't execute due to the capitalisation — JamesS, Nov 14 '18 at 16:56

score 0 · Answer 1 · answered Nov 14 '18 at 16:55

0

You might need to return true from the function in case of successful execution in the end. This might help: HTML form action and onsubmit issues

answered Nov 14 '18 at 16:55

Kush

755
7
22

Form Validation Using JavaScript.

1 Answers1