html 表单 dom 注意跟表单的name值一致

转载于 2016-01-27 14:28:00 发布 · 86 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/gyz418/p/5163131.html

文章标签：

#php #javascript #ViewUI

本文详细介绍了如何使用JavaScript实现HTML表单的验证过程，确保用户输入的数据符合预期格式，提升用户体验。

html 表单 dom   注意跟表单的name值一致

<script type="text/javascript">
function checkForm()
{
    var theForm = document.form1;
    if(theForm.username.value=="")    //html 表单 dom   注意跟表单的name值一致
    {
        window.alert("用户名不能为空");
        return false;
    }else if(theForm.userpwd.value.length==0)
    {
        window.alert("密码不能为空");
        return false;
    }else
    {
        window.alert("验证通过");
        return true;
    }
}
</script>
</head>
<body>
<form name="form1" method="get" action="login.php" onsubmit="return checkForm()">
用户名：<input type="text" name="username" />
密码：<input type="password" name="userpwd" />
<input type="submit" value="提交表单" />
</form>