表格中利用jquery使学号、姓名、性别必填,手机号必须是11位数字
时间: 2024-05-08 18:16:25 浏览: 50
假设表格中学号、姓名、性别和手机号的input标签分别为id为"stu_id"、"stu_name"、"stu_gender"和"stu_phone",以下是利用jQuery实现必填和格式验证的代码:
```javascript
$(document).ready(function(){
// 点击保存按钮时进行验证
$("#saveBtn").click(function(){
var stuId = $("#stu_id").val();
var stuName = $("#stu_name").val();
var stuGender = $("#stu_gender").val();
var stuPhone = $("#stu_phone").val();
// 判断必填项是否为空
if(stuId == "" || stuName == "" || stuGender == "" || stuPhone == ""){
alert("请填写必填项!");
return false;
}
// 验证手机号格式
if(!/^\d{11}$/.test(stuPhone)){
alert("手机号格式不正确,请重新填写!");
return false;
}
// 验证通过,可以提交表单
$("#myForm").submit();
});
});
```
注:代码中假设保存按钮的id为"saveBtn",表单的id为"myForm"。如果需要实时进行验证,可以在输入框失去焦点时触发验证。
阅读全文