jQuery用户信息表单验证提交代码

一款比较简单的jQuery用户信息表单验证提交代码，包括中文姓名验证、手机号码验证、邮箱验证等，不符合验证规则便无法提交表单。
分类：表单代码 > 表单插件难易：初级
查看演示下载资源下载积分： 20 积分
js代码

<script type="text/javascript">
		var h=/^[\u4e00-\u9fa5]{0,}$/;
		var d=/^1[3|4|5|8][0-9]\d{4,8}$/;
		var y=/^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(.[a-zA-Z0-9_-])+/;
		$("input").focus(function() {
			$(this).prev().css("color","#008DE8");
		});
		$("[name='qiye']").blur(function() {
			var v=$(this).val();
			if (v=='') {
				$("[name='qiye']").next().html("地址不能为空！");
				$(this).prev().css("color","#f00");
			}else{
				$(this).prev().css("color","#0EA74A");
				$("[name='qiye']").next().html("");
			} 
		});
		$("[name='name']").blur(function() {
			var v=$(this).val();
			if (v=='') {
				$("[name='name']").next().html("姓名不能为空！");
				$(this).prev().css("color","#f00");
			}else if(!v.match(h)){
				$("[name='name']").next().html("姓名不合法！");
				$("[name='name']").prev().css("color","#f00");
			}else{
				$(this).prev().css("color","#0EA74A");
				$("[name='name']").next().html("");
			} 
		});
		$("[name='phone']").blur(function() {
			var v=$(this).val();
			if (v=='') {
				$("[name='phone']").next().html("手机号不能为空！");
				$(this).prev().css("color","#f00");
			}else if(!v.match(d)){
				$("[name='phone']").next().html("手机号不正确！");
				$("[name='phone']").prev().css("color","#f00");
			}else{
				$(this).prev().css("color","#0EA74A");
				$("[name='phone']").next().html("");
			} 
		});
		$("[name='email']").blur(function() {
			var v=$(this).val();
			if (v=='') {
				$(this).prev().css("color","#999");
			}else if(!v.match(y)){
				$("[name='email']").next().html("请填写正确的邮箱！");
				$("[name='email']").prev().css("color","#f00");
			}else{
				$(this).prev().css("color","#0EA74A");
				$("[name='email']").next().html("");
			} 
		});

		$('.button').click(function(){
		var qiye=$("[name='qiye']").val();
		var name=$("[name='name']").val();
		var phone=$("[name='phone']").val();
		var email=$("[name='email']").val();
		if (name=="") {
			$("[name='name']").next().html("姓名不能为空！");
			return;
		}else if(!name.match(h)){
			$("[name='name']").next().html("姓名不合法！");
			$("[name='name']").prev().css("color","#f00");
			return;
		}
		if (phone=='') {
			$("[name='phone']").next().html("手机号码不能为空！");
			return;
		}else if(!phone.match(d)){
			$("[name='phone']").next().html("请填写正确的手机号！");
			$("[name='phone']").prev().css("color","#f00");
			return;
		}
		if (qiye=="") {
			$("[name='qiye']").next().html("地址不能为空！");
			return;
		}
		if (email!='' && !email.match(y)) {
			$("[name='email']").next().html("请填写正确的邮箱！");
			$("[name='email']").prev().css("color","#f00");
			return;
		}
		// 提交成功后
		$('input').val("");
		$(".button").css('background','#0EA74A');
		$(".button").css('color','#fff');
		$(".button").css('border','none');
		$(".button").attr("disabled", true);
		$(".button").val("预约成功！请等待我们的回电");
		$('input').prev().css("color","#999");
		});
	</script>