각 루프 끊기

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를 반환;" 데이터 제출이 아직 진행 중입니다. 당신도 그것을 취소해야합니다. 이를 위해 "preventDefault"함수를 호출하여 이벤트 처리기에 전달 된 이벤트 인수 "e"를 사용합니다.

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와 루프의 탈옥과 비 falsy 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