jquery validate 提交不校验

等一只鹰 发布于 2016/09/03 18:17
阅读 681
收藏 0

今天用到了jquery validate提交表单验证,结果,在鼠标放在输入框的时候,可以触发校验,可以校验非空与格式,可是在没有点击输入框的时候,直接点击确定,没有触发非空校验,没有错误提示,我若加上remote,却像后台发送了请求,但是submithandler 事件的alert却不能触发,

表单什么都不输入。直接点提交按钮。界面,不会有任何错误提示

只有当我把光标定位到输入框,输入一些违反校验规则的内容。才会有错误提示出来


$(document).ready(function() {	
	$("#reg-1").validate({
		 onfocusout: function(element) { $(element).valid() },     // 失去光标的时候也进行验证
		 rules:{
			 mobile :{//校验手机
				 required:true,
				 isMobile : true
			 },
			 verificationcode :{//校验验证码
				 required:true
			 },
			 agreeprotocol:{isCheck:true}//我同意默认选中
		 },
		 messages : {
			 mobile : {
				 required : jQuery.message.register.mobile.required,
				 isMobile : jQuery.message.register.mobile.format,
				 remote : jQuery.message.register.mobile.remote
			 },
			 verificationcode : {
				 required : jQuery.message.register.captcha.required,
				 remote :  jQuery.message.register.captcha.remote
			 }
		 },
		 errorPlacement : function(error, element) {// 提示信息显示的位置
	          error.appendTo(element.closest(".right").find(".error-msg"));  
	     },
	     submitHandler : function(form){//提交事件
	    	 alert('成功');
	     }//确认
	});			
});



<form id="reg-1" method="post" action="" autocomplete="off" novalidate="novalidate">
        <div class="error-msg-wrap" style="margin-left:0;"><div class="error-msg icon-alert">
        	 <label for="mobile-number" class="error"  id="mobile-number-error">手机号格式不正确 </label>
        </div></div>
        <!--reg-info-tr begin-->
        <div class="reg-info-tr focus-no">
            <div class="reg-info-input">
                <input type="text" id="mobile-number" name="mobile" placeholder="手机号" class="fontfay-w" maxlength="11" required>
                <span></span>
            </div>
        </div>     
        <div class="reg-info-tr focus-no" id="identify-code">
            <div class="reg-info-input">
                <input type="text" id="verification-code" name="verificationcode" placeholder="验证码" class="fontfay-w" maxlength="4">
                <span></span>
            </div>
            <div class="identify-code-con"><img id="register-captcha" src="" width="80" height="36"></div>
            <div class="identify-code-change fontfay-s c-blue">换一换</div>
        </div>      
        <div class="reg-info-tr">
            <div class="btn"><a href="javascript:;">
            <input id="register-btn" class="submit btn f-16" type="submit" value="确 认"></a></div>
        </div>
        <!--reg-info-tr end-->
    </form>



请求各位大侠能指点迷津,谢谢了


加载中
0
郑小静
郑小静
为什么submit按钮外面要套个A标签。。
返回顶部
顶部