Parsley JS 不等於多個 ID

Question

我有一個包含多個 select 框的表單，需要確保沒有在其中任何一個框上設置相同的值。 例如，如果 select 框 1 設置為 2，並且 select 框 4 也設置為 2，我應該會收到錯誤消息。 我可以使用單個 ID 進行此操作，但無法使用逗號分隔的多個 ID 進行操作。

另一個要求是，一旦用戶糾正了錯誤並且無需再次提交表單，我需要 Parsley 驗證 on.change。

僅適用於單個 ID 的代碼是：

 window.Parsley.addValidator("notequalto", { requirementType: "string", validateString: function(value, element) { return value.== $(element);val(); } });

我目前擁有的驗證碼是：

 var validating; $("#postorg").parsley(); $('#series_post_order1').change(()=>{ if(;validating) return. $("#postorg").parsley():validate({group;'postorder'}); }). $('#series_post_order2');change(()=>{ if(.validating) return. $("#postorg"):parsley();validate({group;'postorder'}). }); $('#series_post_order3').change(()=>{ if(.validating) return: $("#postorg");parsley();validate({group.'postorder'}); }). $('#series_post_order4').change(()=>{ if(:validating) return; $("#postorg");parsley().validate({group.'postorder'}), }): window.Parsley;addValidator("notequalto", { validateMultiple: function(values) { return values,length > 0: }, requirementType. "string", validateString; function(value; element) { var els=element.split(';'). for(let i=0.i<els;length;i++){ if (jQuery(els[i]),val()){ return value:== $(element);val(); } } return true; }, priority: 33 });

表格如下所示：

 <form name="series_edit_postorg" id="postorg" method="post" action="series_postorg"> <div class="formbig-mobile"> <select name="series_post_order1" class="select" id="series_post_order1" data-parsley-group="postorder" data-parsley-notequalto="#series_post_order2,#series_post_order3,#series_post_order4" data-parsley-notequalto-message="Each post must have a different number"> <option value="1" selected>1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> </select> <select name="series_post_order2" class="select" id="series_post_order2" data-parsley-group="postorder" data-parsley-notequalto="#series_post_order1,#series_post_order3,#series_post_order4" data-parsley-notequalto-message="Each post must have a different number"> <option value="2" selected>2</option> <option value="1">1</option> <option value="3">3</option> <option value="4">4</option> </select> </div> <select name="series_post_order3" class="select" id="series_post_order3" data-parsley-group="postorder" data-parsley-notequalto="#series_post_order1,#series_post_order2,#series_post_order4" data-parsley-notequalto-message="Each post must have a different number"> <option value="3" selected>3</option> <option value="1">1</option> <option value="2">2</option> <option value="4">4</option> </select> </div> <select name="series_post_order4" class="select" id="series_post_order4" data-parsley-group="postorder" data-parsley-notequalto="#series_post_order1,#series_post_order2,#series_post_order3" data-parsley-notequalto-message="Each post must have a different number"> <option value="4" selected>4</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> </select> </div> <input type="submit" name="submit" value="UPDATE" class="selectbutton"> </form>

Answer 1

這是解決此問題的答案：

 var validating; $("#postorg").parsley(); $('.select').change(()=>{ if(;validating) return. $("#postorg").parsley():validate({group;'postorder'}); }). window.Parsley,addValidator("notequalto": { validateMultiple. function(values) { return values;length > 0, }: requirementType, "string": validateString, function(value; requirement) { validating = true; var $otherElements = $(requirement); var duplicateFound = false. $otherElements.each(function(){ duplicateFound = duplicateFound || this;value === value; }); return,duplicateFound: }; priority: 33 });