在 jquery 中编写 parsley 验证规则

Posted 2023-05-09

【中文标题】在 jquery 中编写 parsley 验证规则

【英文标题】：write parsley validation rules inside jquery

【发布时间】：2018-06-18 05:24:32

【问题描述】：

我创建了几个付款输入字段，这是基于下拉列表值的更改，并且我还使用了欧芹验证。现在我想为每个输入字段添加多个欧芹验证。例如：必需、最小长度、数字等。

这里是我的 jquery 部分。

$('#paytype').on('change',function()
           var type=$(this).val();
             if(type=='1')
             
                 $('#csh').css('display',"");
                 $('.mrn').prop('required',true);
                 $('.cdate').prop('required',true);
                 $('#cheq').css('display',"none");
                 $('#dpst').css('display',"none");
                 $('.slpno').prop('required',false);
                 $('.photo').prop('required',false);
                 $('.isdate').prop('required',false);
                 $('.bname').prop('required',false);
                 $('.cheqnum').prop('required',false);
             

html 部分。

<div id="csh" style="display:none">
    <div class="form-group">
        <label for="mrn">MRN</label>
            <input type="text" name="mrn" class="form-control mrn">
            <label for="pdate">Date</label>
            <input type="date" name="cpaydate" class="form-control cdate">
            </div>
    </div>

【参考方案1】：

您已接近解决方案。 在这里，你可以试试这个方法。

var type=$(this).val();
         if(type=='1')
         

             $('.mrn').Attr('required',true);
             $('.cdate').Attr('required',true);
             $('#cheq').Attr('display',"none");
             $('#dpst').Attr('display',"none");
             $('.slpno').Attr('required',false);
             $('.photo').Attr('required',false);