字段验证器错误Jquery

Posted

技术标签:

【中文标题】字段验证器错误Jquery【英文标题】:Fields Validator error Jquery 【发布时间】:2018-11-03 11:06:48 【问题描述】:

我正在尝试使用 Jquery 在表单中使用验证码进行简单验证。但是这个验证码有一个错误:

valid: 
    validators: 
        custom: 
            if( $('#validCaptcha').val() == "capcha_invalid" ) 
                $('#btnForm').attr('disable','disable');
            
            else 
                $('#btnForm').removeAttr('disable','disable');
            
        
    

错误位于 IF 之后的直线处。例如,在崇高的文本上,正常的颜色代码不适用于 If.. 之后的这些以下 lign。但我不知道为什么 这里是整个代码:

$(document).ready(function() 
$('#formTarif').bootstrapValidator(
    // To use feedback icons, ensure that you use Bootstrap v3.1.0 or later
    feedbackIcons: 
        valid: 'glyphicon glyphicon-ok',
        invalid: 'glyphicon glyphicon-remove',
        validating: 'glyphicon glyphicon-refresh'
    ,
    submitHandler: function(validator, form, submitButton) 
        $('#contact_form').data('bootstrapValidator').resetForm();

        var bv = form.data('bootstrapValidator');
        // Use Ajax to submit form data
        $.post(form.attr('action'), form.serialize(), function(result) 
            console.log(result);
        , 'json');
    ,
    fields: 
        nom: 
            validators: 
                    stringLength: 
                    min: 2,
                ,
                    notEmpty: 
                    message: 'Le nom est requis'
                ,
                regexp: 
                    regexp: /^[a-zA-Z ]*$/,
                    message: 'Le nom ne doit contenir que des lettres non accentuées'
                
            
        ,
        prenom: 
            validators: 
                 stringLength: 
                    min: 2,
                ,
                notEmpty: 
                    message: 'Le prenom est requis'
                ,
                regexp: 
                    regexp: /^[a-zA-Z ]*$/,
                    message: 'Le prenom ne doit contenir que des lettres non accentuées'
                
            
        ,
        mail: 
            validators: 
                notEmpty: 
                    message: 'L\'adresse email est requise'
                ,
                regexp: 
                    regexp: /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]1,3\.[0-9]1,3\.[0-9]1,3\.[0-9]1,3])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]2,))$/,
                    message: 'Veuillez saisir une adresse mail valide'
                
            
        ,
        tel: 
            validators: 
                notEmpty: 
                    message: 'Le numéro de téléphone est requis'
                ,
                regexp: 
                    regexp: /(0|\\+33|0033)[1-9][0-9]8/,
                    message: 'Veuillez saisir un numéro de telephone valide'
                
            
        ,
        cp: 
            validators: 
                notEmpty: 
                    message: 'Votre code postal est requis'
                ,
                regexp: 
                    regexp: /^((0[1-9])|([1-8][0-9])|(9[0-8])|(2A)|(2B))[0-9]3$/ ,
                    message: 'Veuillez saisir un code postal valide'
                
            
        ,
        valid: 
            validators: 
                custom: 
                    if( $('#validCaptcha').val() == "capcha_invalid" ) 
                        $('#btnForm').attr('disable','disable');
                    
                    else 
                        $('#btnForm').removeAttr('disable','disable');
                    
                
            
        
       
 )
);

【问题讨论】:

错误是什么? 我更新了我的帖子以更明确 【参考方案1】:

您不能将代码放入验证器 JSON 中。您可以在自定义验证器中使用函数..for ex。希望对您有所帮助!

    valid: 
        validators: 
            custom: 
                disablebtnForm : function () 
                  if( $('#validCaptcha').val() == "capcha_invalid" ) 
                    $('#btnForm').attr('disable','disable');
                
                else 
                    $('#btnForm').removeAttr('disable','disable');
                
              
            
        
    

【讨论】:

以上是关于字段验证器错误Jquery的主要内容,如果未能解决你的问题,请参考以下文章

验证 jquery 问题

如果验证失败,如何关注错误的文本字段

文本字段中的 jquery 验证

关于 jQuery 验证的不同错误消息

jQuery 验证:更改默认错误消息

jquery验证文本输入数组仅验证第一个字段[重复]