<html>
<head>
<title>jquery表单校验</title>
<meta charset="UTF-8"/>
<!--引入jQuery文件-->
<script src="js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
<!--声明js代码域-->
<script type="text/javascript">
$(function(){
$("#showdiv").slideDown(3000);
//创建验证码
var num=Math.floor(Math.random()*9000+1000);
//将验证码放入span中
$("#codeSpan").html(num).css("background-image","url(img/code.gif)").css("font-size","20px");
//单击更换验证码
$("#codeSpan").click(function(){
//创建验证码
var num=Math.floor(Math.random()*9000+1000);
//将验证码放入span中
$("#codeSpan").html(num).css("background-image","url(img/code.gif)").css("font-size","20px");
})
//用户名校验
$("#uname").blur(function(){
checkData(this,/^[\u4e00-\u9fa5]{2,4}$/);
})
//校验密码
$("#pwd").blur(function(){
//获取用户数据
var pwd=$("#pwd").val();
//获取span
var span=$("#pwdSpan");
//校验
var reg=/^[a-zA-Z]\w{5,7}$/;
if(pwd==""){
span.html("*密码不能为空").addClass("error").removeClass("success");
}else if(reg.test(pwd)){
span.html("*密码OK").addClass("success").removeClass("error");
}else{
span.html("*密码不符合规则").addClass("error").removeClass("success");
}
})
//校验手机号
$("#phone").blur(function(){
checkData(this,/^1[3456789]\d{9}$/)
})
//校验邮箱
$("#mail").blur(function(){
checkData(this,/^([0-9A-Za-z\-_\.]+)@([0-9a-z]+\.[a-z]{2,3}(\.[a-z]{2})?)$/)
})
//校验籍贯
$("#address").change(function(){
//获取用户选择
var address=$("#address").val();
//获取span
var span=$("#addressSpan");
//校验
if(address!
jquery表单校验
最新推荐文章于 2022-11-13 11:34:52 发布
![](https://img-home.csdnimg.cn/images/20240711042549.png)