jQuery에서 입력 필드를 '필수'속성으로 교차 브라우저에서 검색 할 수 있습니까?

Question

양식 필드의 부울 required 속성에 약간의 유효성 검사 문제가 있습니다.

<label for="email">Email Address:</label> 
<input value="" type="email" name="email" id="email" required /> 

을하지만, jQuery를 사용하여 모든 필수 필드를 찾기 위해 노력하고 배열에 추가하기 때문에 검출 문제에 문제가있는 것 같다

나는 같은 내 필드를 표시하고있다.

다음은 Firefox (Gecko) $(':input[required=""]')에서만 작동하지만 Webkit (Safari, Chrome)에서는 아무 것도 반환하지 않습니다.

$(':input[required]') 또는 $(':input[required="true"]')을 실행하면 Webkit은 모든 필수 필드를 반환하지만, Gecko를 통해 실행하면 필수 필드가 반환되지 않습니다.

내가 뭘 잘못하고 있니? 마지막으로 입력 속성이 required이고 required="required"도 아니고 required="true"도 아닌지 확인했습니다.

javascript/jQuery를 사용하여 필요한 모든 필드를 감지하는 더 좋은 방법이 있습니까?

Answer 1

좋지 않은 해결 방법 일 수 있지만 여러 선택기를 사용해 보셨습니까?

$(':input[required=""],:input[required]') 

Answer 2

여기 있습니다. 모든 필수 필드가있는 배열이 출력됩니다.

<input value="" type="email" name="email" id="email" required/> 
<input value="" type="email" name="email1" id="email1" required/> 
<input value="" type="email" name="email2" id="email2"/> 

<script type="text/javascript"> 
var x = $('input[required]').get(); 
console.log(x); // x will contain an array of required inputs [input#email, input#email1] 
</script> 

Answer 3

부트 스트랩 3, 당신은 할 수 있습니다 :

$('input[required]') 
    .closest(".form-group") 
    .children("label") 
    .append(" <i class='fa fa-asterisk'></i>");