formvalidator 文本框独自验证

formvalidator 文本框单独验证

jquery formValidator是在用户提交表单的时候将所有设置好的对象同时验证,有时候我们只需要验证一个。

比如给手机发验证码,我们单击“发送验证码”按钮时就要发送,而不是提交表单时发送。


formvalidator 文本框独自验证
 

当然,发送验证码和提交表单都需要验证手机号是否合法。代码如下:

                jQuery(function($){
                    $('#chk_mobile').click(function(){
                        $("#mobile").blur();
                        if( $.formValidator.isOneValid('mobile') ){
                            sendVerifyCode();
                        }
                        return false;
                    });

                    $("#mobile").formValidator({
                        onShow:"请填写手机号码",
                        onFocus:"请填写手机号码",
                        onCorrect:"正确",
                    }).inputValidator({
                        min:1,
                        leftEmpty:false,
                        rightEmpty:false,
                        onError:"请填写手机号"
                    }).regexValidator({
                        regExp:"mobile",
                        dataType:"enum",
                        onError:"手机号码错误,请重新填写!"
                    });
                });

 

说明:

“发送验证码”按钮的ID为chk_mobile,是一个提交按钮。