如何識別 parsleyjs 中違反了哪個控件

Question

我想知道違反了哪個控件...

function validate()
{

    vldt = $('#frmInt').parsley().validate();   
    
    alert(" is Submitted : "+  vldt ); 

    if(vldt == false)
    {
        alert(" Violdated Control is : " + ? )
    }

}

第一個警告框將顯示“已提交：false”，
但是，我們如何才能知道為什么違反了表單以及違反了哪個控件......

Answer 1

您可以偵聽field:error 事件或查找具有 class parsley-error的元素：

 $('#demo-form').parsley().on('field:error', function(e) { var attrName = this.$element.attr('name'); var lblTxt = this.$element.siblings('label[for="' + attrName + '"]').text() console.log('Validation failed for: ', lblTxt); }); $('#demo-form [type="submit"]').on('click', function (e) { vldt = $('#demo-form').parsley().validate(); return vldt; });

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://parsleyjs.org/dist/parsley.js"></script> <form id="demo-form" data-parsley-validate=""> <label for="fullname">Full Name *:</label> <input type="text" class="form-control" name="fullname" id="fullname" required=""> <label for="email">Email *:</label> <input type="email" class="form-control" name="email" data-parsley-trigger="change" id="email" required=""> <br> <input type="submit" class="btn btn-default" value="validate"> </form>