제출시 복수 입력 유효성 확인

Question

제출하는 시점에 여러 입력이 유효하지 않은지 확인하기 위해 도움을받을 수있는 사람이 누구입니까? 그런 다음 #erer에 텍스트를 추가하십시오.

내 양식은 다음과 같습니다

<div class="span12"> 
     <form method="post" name="bdayInputFormMain" action="/bdayremind_maininput/" class="form-inline"> 
     {% csrf_token %} 
       <input name="name" type="text" class="input-medium" placeholder="Name"> 
       <input name="dob" type="text" class="input-small datepicker" placeholder="Date of Birth"> 
       <input name="addr" type="text" class="input-xlarge" placeholder="Address"> 
       <button type="submit" class="btn">Update</button> 
     </form> 
</div> 

감사합니다,

Answer 1

.submit()에 대한 설명서를 확인하십시오. 자신의 검증 방법을 작성하는 것이 매우 쉽습니다. 또는 다른 사람들이 제안한 것과 같은 라이브러리를 사용할 수 있습니다.

http://jsfiddle.net/rwFDT/

$('form').submit(function(){ 
    var $emptyFields = $(); 
    $('form').find('input').each(
     function(){ 
       if($(this).val() == ""){ 
        $emptyFields.push(this) 
      } 
     }); 
    if($emptyFields.length != 0){ 
    $('form').find('input').css("border",""); 
    $emptyFields.css("border", "1px solid red"); 
    $("#error").html("<b><i>This is my error message</i></b>"); 
    return false; 
    }else{ 
    return true; 
    } 
}); 

Answer 2

이 검증 라이브러리, Parsley.js이 꽤 좋은 모양과 요구 사항을 충족 할 수 있습니다.

Answer 3

그래! jquery 유효성 검사는 클라이언트에 가장 적합한 유효성 검사기 중 하나입니다. 필요한 필드에 필수 클래스를 사용해야합니다.

는 http://docs.jquery.com/Plugins/Validation

양식은 다음과 같이 것 문서를 참조하십시오 :

http://jsbin.com/elemad/3/edit

나는 그것이 도움이되기를 바랍니다!