使用JavaScript进行表单验证。

时间:2018-11-14 16:50:50

标签: javascript html

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

我正在尝试验证我的表单,但它不会被执行。我不想使用“ Id”方法。抱歉,如果我在上一行中冒犯了某些人,那么Java语言是我的新手。

1 个答案:

答案 0 :(得分:0)

如果最终成功执行,则可能需要从函数返回true。这可能会有所帮助: HTML form action and onsubmit issues