if(phone.value != "" && code.value != "" && password1.value != "" && password2.value != "" && password1.value == password2.value){ alert("修改密码成功"); return; }怎么加上一个条件限制输入的内容为11个数字
时间: 2024-02-22 21:56:04 浏览: 24
你可以使用正则表达式来限制输入的内容必须是11个数字,可以使用以下代码:
```
if(phone.value != "" && code.value != "" && password1.value != "" && password2.value != "" && password1.value == password2.value && /^\d{11}$/.test(phone.value)){
alert("修改密码成功");
return;
}
```
其中,`/^\d{11}$/`表示匹配11个数字,`test()`方法用于判断字符串是否符合正则表达式的规则。
相关问题
function sub(){ var phone = $("#phone").val().trim(); var phonenum = $("#phonenum").val().trim(); var idcard = $("#idcard").val().trim(); var username = $("#username").val().trim(); var password = $("#password").val().trim(); var age = $("#age").val().trim(); var sex = $("#sex").val().trim(); var xueyuan = $("#xueyuan").val().trim(); var nianji = $("#nianji").val().trim(); var banji = $("#banji").val().trim(); if(phone == '' || username == '' || password == '' || age == '' || sex == ''){ layer.alert('请把信息填写完整!',{icon: 5}); return; } if($("#phonenum").val().trim().length == 11 ){ }else{ layer.alert('输入正确手机号!',{icon: 5}); return; } if($("#idcard").val().trim().length == 18 ){ }else{ layer.alert('输入正确身份证号!',{icon: 5}); return; } if($("#password").val().trim().length >=6 ){ }else{ layer.alert('密码至少6位!',{icon: 5}); return; } if($("#yzm").val()==$(".box").attr('value')){ }else{ layer.alert('验证码填写错误',{icon: 6}); VerificationCode($(".box"),4); return; }
这段代码是一个 JavaScript 函数,主要用于对用户提交的注册信息进行验证。首先获取用户填写的信息,并使用 trim() 方法去除前后空格。然后判断手机号、身份证号、密码是否符合规定长度。如果不符合,会使用 layer.alert() 方法提示用户重新填写。最后判断验证码是否正确,如果不正确,会重新生成验证码并提示用户重新填写。
<div class="submit "><form action="signup.php" method="POST" class="Form1" id="Form1" onsubmit="return check()"> <span>账号 : </span><input class="input1" type="username" onblur="signupusername()" required eholder="请输入账号名"><p class="text1">账号格式有误</p> <p class="text2"></p> <span>密码 : </span><input> class="input2" type="password" name="signup_passWord"onblur="signuppassword()" required placeholder="请输入密码"><p class="text">密码必须由6-16位数字加字母组成</p> <span>确认 : </span><input class="input3" type="password" name="signup_passWord2" onblur="signuppassword2()" required placeholder="请确认密码"> <p class="text3">前后密码不一致</p> <span>手机 : </span><input class="input4" type="phone" name="signup_phone"onblur="signupphone()" required placeholder="请输入手机"><p class="text4">手机号码格式有误</p> <span>邮箱 : </span><input class="input5" type="email" name="signup_email" onblur="signupemail()" required placeholder="请输入邮箱"><p class="text5">邮箱格式有误</p> <p class="yz"> <span>验证码 :</span> <input type="text" id="text" class="yz_text" required placeholder="请输入验证码">input type="button" id="code" onclick="Code()" title='点击更换验证码'> </p>input class="sub1" type="submit" value="立即注册"></form> </div> <div class="submit action"><form action="login.php" method="POST"> <span>账号 : </span><input class="input6" type="username" name="login_userName" requiredplaceholder="请输入手机号"> <span>密码 : </span><input class="input7" type="password" name="login_passWord" required placeholder="请输入密码"><input class="sub2" type="submit" value="立即登录"></form></div></div> </div> </div>根据代码写一个jQuery交互数据,使用到ajax
假设你需要通过AJAX向服务器发送注册请求,并在收到服务器响应后更新页面。你可以按照以下步骤进行操作:
1. 给注册表单添加ID,方便使用jQuery选择器操作DOM:
```html
<form action="signup.php" method="POST" class="Form1" id="signup-form" onsubmit="return check()">
<!-- 表单内容 -->
</form>
```
2. 给登录表单添加ID,方便使用jQuery选择器操作DOM:
```html
<form action="login.php" method="POST" class="Form2" id="login-form">
<!-- 表单内容 -->
</form>
```
3. 在JavaScript中,使用jQuery选择器获取表单元素和按钮元素,并绑定事件监听器:
```javascript
$(function() {
// 监听注册表单提交事件
$('#signup-form').submit(function(e) {
e.preventDefault(); // 阻止表单默认提交行为
// 获取表单数据
var formData = $(this).serialize();
// 发送AJAX请求
$.ajax({
url: 'signup.php',
type: 'POST',
data: formData,
success: function(response) {
// 处理服务器响应
alert('注册成功!');
},
error: function(jqXHR, textStatus, errorThrown) {
// 处理请求错误
alert('请求失败:' + textStatus + ',错误信息:' + errorThrown);
}
});
});
// 监听登录表单提交事件
$('#login-form').submit(function(e) {
e.preventDefault(); // 阻止表单默认提交行为
// 获取表单数据
var formData = $(this).serialize();
// 发送AJAX请求
$.ajax({
url: 'login.php',
type: 'POST',
data: formData,
success: function(response) {
// 处理服务器响应
alert('登录成功!');
},
error: function(jqXHR, textStatus, errorThrown) {
// 处理请求错误
alert('请求失败:' + textStatus + ',错误信息:' + errorThrown);
}
});
});
});
```
这样,当用户点击注册或登录按钮时,就会发送AJAX请求,并在收到服务器响应后弹出提示框。注意,这里我们使用了`preventDefault()`方法阻止表单默认提交行为,避免页面跳转。
相关推荐
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)