JS写的是在点击提交按钮前验证所有输入项合法，否则点击提交按钮会弹出(‘填错’)。

$('#p01 ')。empty()；

})

$("#psd ")。focus(function(){

$('#p02 ')。empty()；

});

$("#tel ")。focus(function(){

$('#p03 ')。empty()；

});

功能？checkUser()？{

var？雷格斯？=?/^[a-za-z0-9_-]{4,16}$/；

var？用户？=?$(' # user ')；

如果(？$(" #用户")。val()。长度？==?0?){

$("#p01 ")。html("账户不能为空")；

$("#p01 ")。css("颜色"，"红色")；

回归？假的；

}别的？if(reguser . test(user . val()){

$("#p01 ")。html("用户名输入正确")；

$("#p01 ")。css("颜色"，"蓝色")；

回归？真实；

}否则{

$("#p01 ")。html("用户名为4-16字母、数字、下划线和减号")；

$("#p01 ")。css("颜色"，"红色")；

回归？假的；

}

}

功能？checkTel()？{

var？regtel？=?/^1[3|4|5|7|8][0-9]{9}$/;

var？电话？=?$(' # tel ')；

如果(？$("#tel ")。val()。长度？==?0?){

$("#p03 ")。html("数字不能为空")；

$("#p03 ")。css("颜色"，"红色")；

回归？假的；

}别的？if(regtel . test(tel . val()){

$("#p03 ")。html(“手机号输入正确”)；

$("#p03 ")。css("颜色"，"蓝色")；

回归？真实；

}否则{

$("#p03 ")。html("请输入正确的手机号码")；

$("#p03 ")。css("颜色"，"红色")；

回归？假的；

}

}

功能？checkPassword()？{

var？regpsda？=/[0-9 | A-Z | A-Z]/；

var？regpsdb？=/^[a-za-z]+$/；？//密码强度设计不够严谨。

var？regpsdc？=/[^0-9a-za-z]/；

var？psd？=?$(' # PSD ')；

如果(？$("#psd ")。val()。长度？==?0?){

$("#p02 ")。html("密码不能为空")；

$("#p02 ")。css("颜色"，"红色")；

回归？假的；

}别的？if(reg psda . test(PSD . val()){

$("#p02 ")。html(“低密码强度”)；

$("#p02 ")。css("color "，" Indian red ")；

回归？真实；

}别的？if(regpsdb . test(PSD . val()){

$("#p02 ")。html(“密码强度进行中”)；

$("#p02 ")。css("颜色"，"巧克力")；

回归？真实；

}别的？if(regpsdc . test(PSD . val()){

$("#p02 ")。html(“强密码”)；

$("#p02 ")。css(“颜色”、“绿色”)；

回归？真实；

}否则{

$("#p02 ")。html("密码位6-12的字母数字组合")；

$("#p02 ")。css("颜色"，"红色")；

回归？假的；

}

}

$('#btn ')。开('点击'，功能？()?{

var？user = check user()；

var？tel = check tel()；

var？PSD = check password()；

如果(用户？& amp& amp？电话？& amp& amp？psd){

警报('提交')；

}别的？{

警报(“错误填充”)；

}

});重写的话可以直接用自己的判断逻辑替换，但是密码强度需要自己衡量。比如密码强度弱，就不会提交对应的。

不然呢？if(reg psda . test(PSD . val()){

$("#p02 ")。html(“低密码强度”)；

$("#p02 ")。css("color "，" Indian red ")；

回归？真实；

}此返回改为false。提交表单时，将alert ('submit ')更改为$('#form ')。submit()；