フラグを使用してアラート・ファイアを2回停止することができませんでした

Question

検証ライブラリを作成しようとしましたが、どこかで動かなくなりました。彼らは2つの検証層ですが、一度だけ警告する方法？

var validation_event = { 
    mandatory: function(that) { 
     if (!$(that).val() && $(that).data('placeholder')) { 
     alert('Please fill in ' + $(that).data('placeholder') + '.'); 
     return false; 
     } 
    }, 

    email: function(that) { 

     var regex = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/; 
     if ($(that).val() == '' || !regex.test($(that).val())) { 
     alert('Please make sure the ' + $(that).data('placeholder') + ' is valid.'); 
     return false; 
     } 
    } 
    } 

https://jsfiddle.net/wvzbq9h2/

提出]をクリックしてください、あなたは2警告があります表示されます。それ以外はうまくいきます。

Answer 1

@XzenTorXzのフィドルは正解すなわちhttps://jsfiddle.net/wvzbq9h2/3/

あなたの間違いは、あなたの検証が警告した後、偽を返しているということですが、あなたは$.eachを停止するには、その値を使用することはありませんです。最初の警告後に$.eachを停止する必要があります。あなたは、単一のメッセージが欲しい場合は

Answer 2

$(function() { 
    var options = ['mandatory', 'email']; 

    var validation_event = { 
    mandatory: function(that) { 
     if (!$(that).val() && $(that).data('placeholder')) { 
     alert('Please fill in ' + $(that).data('placeholder') + '.'); 
     that.stopPropagation(); 
     } 
    }, 

    email: function(that) { 

     var regex = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/; 
     if ($(that).val() == '' || !regex.test($(that).val())) { 
     alert('Please make sure the ' + $(that).data('placeholder') + ' is valid.'); 
     that.stopPropagation(); 
     } 
    } 
    } 

Answer 3

：

をあなたは$.eachから抜け出すためにreturn falseを使用することができます。 https://jsfiddle.net/wvzbq9h2/4/

複数のメッセージを表示する場合（複数の検証が失敗した場合）、メッセージを収集し（検証から戻す）、仕上げ時に警告する必要があります。 https://jsfiddle.net/wvzbq9h2/6/を参照してください。 https://jsfiddle.net/wvzbq9h2/7/