if (password1.value !== document.all.password2.value) { alert("两次输入密码不一致"); //return false; } //验证用户名 if (checkusername(username.value)) { alert("用户名只能是5-10位的数字,\n且以字母开头"); // return false; } //验证密码 if (checkpassword(password.value)) { alert("密码是8-10位的非空字符"); // return false; } //验证邮箱 if (checkemil(email.value)) { alert("电子邮件不符合规则"); // return false; } //验证电话 if (checktel(password.value)) { alert("电话不符合规则"); // return false; } //验证身份证 if (checkidcard(password.value)) { alert("身份证号不符合规则"); return false; }
时间: 2024-02-14 15:21:22 浏览: 29
这段代码是一个表单验证的 JavaScript 代码,用于检查表单中输入框的内容是否符合规则。具体来说,它进行了以下几个验证:
- `password1` 与 `password2` 是否一致。如果不一致,弹出提示框,并返回 false。
- `username` 是否符合规则。如果不符合规则,弹出提示框,并返回 false。
- `password` 是否符合规则。如果不符合规则,弹出提示框,并返回 false。
- `email` 是否符合规则。如果不符合规则,弹出提示框,并返回 false。
- `tel` 是否符合规则。如果不符合规则,弹出提示框,并返回 false。
- `idcard` 是否符合规则。如果不符合规则,弹出提示框,并返回 false。
其中,每个验证都调用了一个相应的函数,如 `checkusername()`、`checkpassword()` 等。这些函数用于检查相应输入框的内容是否符合规则。如果符合规则,返回 false;否则返回 true。如果返回 true,表示验证失败,弹出提示框,并返回 false。
最后,如果所有验证都通过,返回 true,表单提交成功。如果其中有任何一个验证失败,返回 false,表单提交失败,不进行提交操作。
相关问题
查找错误点<script> var mcText = document.querySelector(`.mcText`) var accountedText = document.querySelector('.accountedText') var passwordText = document.querySelector('.passwordText') var registerDiv = document.querySelector('.registerDiv') var isAgree = false; //注册按钮的点击事件 registerDiv.onclick = function () { if(isAgree == true){ // history.back() var ajax = new XMLHttpRequest() var string = "mc="+mcText.value+"username="+accoundedText.value+'&password='+passwordText.value; ajax.open('get','http://localhost:8080/registUser?'+string) ajax.send() } else { alert("请输入名称账号密码") } } ajax.onload = function (){ console.log(ajax.responseText); } //监听这三个输入框失去焦点 mcText.onblur = function (){ isAgree = isAgreeLogin(); } accountedText.onblur = function (){ isAgree = isAgreeLogin(); } passwordText.onblur = function (){ isAgree = isAgreeLogin(); } //在失去焦点的时候,判断三个输入框是否都有值了,如果有则高亮显示,如果无则不亮 function isAgreeLogin() { if(mcText.value !='' && accountedText.value != ''&& passwordText.value != ''){ registerDiv.style.backgroundColor = "#648ceb" registerDiv.style.boxShadow = "2px 2px 2px #9eb8f6" return true } else { return false } } </script>
您的代码中应该把 `var ajax = new XMLHttpRequest()` 放到 `registerDiv.onclick` 的函数体内部,否则会造成 ajax 未定义的错误。
正确的代码应该是这样的:
```
var mcText = document.querySelector(`.mcText`);
var accountedText = document.querySelector('.accountedText');
var passwordText = document.querySelector('.passwordText');
var registerDiv = document.querySelector('.registerDiv');
var isAgree = false;
registerDiv.onclick = function () {
if (isAgree == true) {
var ajax = new XMLHttpRequest(); // 将此行代码放到函数体内部
var string = "mc=" + mcText.value + "username=" + accountedText.value + '&password=' + passwordText.value;
ajax.open('get', 'http://localhost:8080/registUser?' + string);
ajax.send();
} else {
alert("请输入名称账号密码");
}
}
ajax.onload = function () {
console.log(ajax.responseText);
}
mcText.onblur = function () {
isAgree = isAgreeLogin();
}
accountedText.onblur = function () {
isAgree = isAgreeLogin();
}
passwordText.onblur = function () {
isAgree = isAgreeLogin();
}
function isAgreeLogin() {
if (mcText.value != '' && accountedText.value != '' && passwordText.value != '') {
registerDiv.style.backgroundColor = "#648ceb";
registerDiv.style.boxShadow = "2px 2px 2px #9eb8f6";
return true;
} else {
return false;
}
}
```
请注意,这只是一种可能的解决方案。如果问题仍然存在,请提供更多上下文信息和完整的代码,以便我更好地帮助您。
function checklogin() { if(document.login.userName.value=='') {alert('请输入帐户'); document.login.userName.focus(); return false } if (document.login.password.value=='') {alert('请输入密码'); document.login.password.focus(); return false } }
这是一个 JavaScript 函数,用于在用户登录时检查用户名和密码是否为空。如果其中任何一个字段为空,则会显示一个警告框并将焦点放在相应的字段上。如果两个字段都有值,则该函数将返回 true。这个函数可以用在一个表单的提交事件中,例如:
```
<form name="login" onsubmit="return checklogin()">
<label>帐户名:</label>
<input type="text" name="userName"><br>
<label>密码:</label>
<input type="password" name="password"><br>
<input type="submit" value="登录">
</form>
```
这个表单中包含了两个输入框和一个提交按钮。当用户点击提交按钮时,表单的 onsubmit 事件会触发,此时 checklogin 函数会被调用。如果该函数返回 true,则表单会被提交到服务器进行处理。如果返回 false,则表单不会被提交,因为 JavaScript 会阻止表单的默认行为。