设为首页 加入收藏

TOP

JavaScript 表单验证
2019-09-17 19:10:07 】 浏览:42
Tags:JavaScript 表单 验证

java script 表单验证

HTML 表单验证能够通过 java script 来完成。

如果某个表单字段(fname)是空的,那么该函数会发出一条警告消息,并返回 false,以防止表单被提交出去:

java script 实例

function validateForm() {
    var x = document.forms["myForm"]["fname"].value;
    if (x == "") {
        alert("必须填写姓名");
        return false;
    }
}
该函数能够在表单提交时被调用:

HTML 表单实例

<form name="myForm" action="/action_page_post.php" onsubmit="return validateForm()" method="post">
姓名:<input type="text" name="fname">
<input type="submit" value="Submit">
</form>

具体实例测试如下

<!DOCTYPE html>
<html>
    <head>
    <script>
        function validateForm() {
            var x = document.forms["mysForm"]["fname"].value;
            if (x == "") {
                alert("必须填写姓名!");
                return false;
            }
        }
    </script>
    </head>
<body>

<form name="mysForm" action="/demo/action_page.php" onsubmit="return validateForm()" method="post">
姓名:<input type="text" name="fname">
<input type="submit" value="提交">
</form>

</body>
</html>        

  

】【打印繁体】【投稿】【收藏】 【推荐】【举报】【评论】 【关闭】 【返回顶部
上一篇react学习之弹出层 下一篇原生js一行代码实现简易轮播图

最新文章

热门文章

Hot 文章

Python

C 语言

C++基础

大数据基础

linux编程基础

C/C++面试题目