<div di="suorc"> <center>会员注册 <form style="font-size: 16px;width: 400px;" name="forml" onsubmit="test();"> <p> 用户名:<input id="username" type="text" size="20">*</p> <p>用户密码:<input id="password1" type="password" size="20">*</p> <p>重复密码:<input id="password2" type="password" size="20">*</p> <p>电子邮件:<input id="email" type="text" size="20">*</p> <p> 电话:<input id="tel" type="text" size="20">*</p> <p>身份证号:<input id="idcard" type="text" size="20">*</p> <p><input type="submit" value="提交"> <input type="reset" value="重置"> </p> </form> </center> </div>用js 验证
时间: 2023-10-07 16:14:17 浏览: 154
可以使用如下的 JavaScript 代码来验证这个表单:
```
function test() {
var username = document.getElementById("username").value;
var password1 = document.getElementById("password1").value;
var password2 = document.getElementById("password2").value;
var email = document.getElementById("email").value;
var tel = document.getElementById("tel").value;
var idcard = document.getElementById("idcard").value;
if (username == "") {
alert("请输入用户名!");
return false;
}
if (password1 == "") {
alert("请输入密码!");
return false;
}
if (password2 != password1) {
alert("两次输入的密码不一致!");
return false;
}
if (email == "") {
alert("请输入电子邮件地址!");
return false;
}
if (tel == "") {
alert("请输入电话号码!");
return false;
}
if (idcard == "") {
alert("请输入身份证号码!");
return false;
}
// 这里可以添加更多的验证逻辑
return true;
}
```
这段代码会在表单提交时被调用,首先获取表单中各个输入框的值,然后逐一进行验证。如果有任何一项验证失败,就会弹出相应的提示信息并返回 false,阻止表单提交。如果所有验证都通过,就会返回 true,允许表单提交。你可以根据需要添加更多的验证逻辑。
阅读全文