每個循環的突破

Question

原諒問這個問題。我經歷了相當多的解決方案，但它不適合我。

我有大約5個輸入字段，如果它在任何輸入字段（如果有人輸入一個並試圖保存）發現一個非法字符，它應該提醒一條消息。

到目前爲止，當它發現一個，它確實提醒，然後它會去並保存它。

我想擺脫each（）循環，返回false不起作用。

更好的解決方案也將不勝感激。

Fiddle here

// Illegal Character Check 
$('.illegal-check').click(function() { 
    var illegal = /[&<>]/; 
    $(".scoring input:text").each(function() { 
     var inptStr =$(this).val(); 
     if (illegal.test(inptStr)===true) { 
      alert('Your Scoring field(s) contain these & < > invalid characters. Please remove them and try again.'); 
      return false; 
     } 
    });//each 
});//click 

Answer 1

$('.illegal-check').click(function (e) { 
    ... 
    if (illegal.test(inptStr)===true) { 
     ... 
     e.preventDefault(); 
     return; 
    } 
} 

編輯： 爲什麼你的數據還是會被保存的原因是，即使你從環通過打破「返回false;」您的數據提交仍在進行中。你也需要取消它。爲此，您使用事件參數「e」，通過調用其「preventDefault」函數將其傳遞給事件處理程序。

Answer 2

您還可以添加一個變量看的非法值是否已經找到like this：

// Illegal Character Check 
$('.illegal-check').click(function() { 
    var illegal = /[&<>]/; 
    var found = false; 
    $(".scoring input:text").each(function() { 
    var inptStr =$(this).val(); 
    if (illegal.test(inptStr)===true) { 
     alert('Your Scoring field(s) contain these & < > invalid characters. Please remove them and try again.'); 
     found = true; 
    } 
    }); 
    if(!found){ 
    alert("Nothing has been found") 
    }else{ 
    alert("Illegal char has been found"); 
    } 
}); 

Answer 3

個人而言，我想補充的形式，而不是在一個表格單元格單擊事件上提交處理程序。

$('form').on('submit', function(e) { 
    // ... 
    if (illegal.test(inptStr)===true) { 
     alert('...'); 
     e.preventDefault(); 
     return false; 
    } 
    // ... 

在這裏，事件傳遞給函數，任何錯誤都會阻止此事件觸發實際提交。

Answer 4

jQuery的$.fn.each（與$.each相似）將跳出return false的循環，並繼續進行下一次迭代，並返回任何非僞造return。 It's documented on the API site。

所有權利，你的代碼的這部分應該沒問題。

Answer 5

這裏是更新的小提琴。在一個單獨的函數

$('.illegal-check').click(function() { 
    if(checkIllegal()) evt.preventDefault(); 
}); 

function checkIllegal(){ 
    var illegal = /[&<>]/; 
    var isIllegal = false; 
    $(".scoring input:text").each(function() { 
     if (illegal.test($(this).val()) && !isIllegal) { 
     alert('Your Scoring field(s) contain these & < > invalid characters. Please remove them and try again.'); 
     isIllegal = true; 
     return false; 
     } 
    }); 
    return isIllegal; 
} 

http://jsfiddle.net/T2vT9/7/

Answer 6

的return false語句也跳出$(...).each(...)循環檢查錯誤。你的問題是，它仍然繼續並保存。您還應該使用e.preventDefault()停止事件執行其默認操作。 （注：這也是由m1kael代碼轉儲，其中沒有添加的解釋中提到）

這相當於這個代碼：

// Illegal Character Check 
$('.illegal-check').click(function (e) { 
    var illegal = /[&<>]/; 
    $(".scoring input:text").each(function() { // loop over elements in form 
     var inptStr = $(this).val(); 
     if (illegal.test(inptStr)===true) { 
      alert('...'); // show alert 
      e.preventDefault(); // prevent default action on click (stop submit) 
      return false; // break out of elements loop, no more alerts needed 
     } 
    });//each 
});//click