jQuery 폼 처리 : 필요/필요 없음

Question

jquery를 사용하여 폼 시스템을 구축하고 유효성 검사 (양식에 필수 값과 필수 유형이있는 경우)를 사용하여 프론트 라인 시스템으로 사용합니다. 백엔드에서도) 유효 할 때 쓸모없는 요청을 방지하기위한 것입니다 (예 : 완전히 비어있는 양식 제출)

이것을 처리하는 "적절한"방법은 무엇입니까? 다음

<input type="text" name="something" class="required"> 

또는

<input type="text" name="something" class="optional"> 

등을 단순히 통해 반복 및 클래스가 일치하면 확인이에 "괜찮아"방법 : 내 기본 생각은, 요소에 클래스를 적용과 같이하는 것입니다 그것을하거나 더 좋은 방법이 있습니까? 사용자 지정 특성을 적용 할 수 있지만 나쁘다고 생각하고 모든 브라우저에서이를 지원하는지 잘 모르겠습니다.

참고 :이 필드는 매번 동일하지 않아서 js로 하드 코딩하는 것은 불가능합니다 (또는 좋은 생각입니다).

Answer 1

우리는 같은 클래스 이름 구문을 사용하고 있습니다 :

validate[required] 
validate[phone] 

등

우리가 쉽게 클래스 이름을 통해 여러 유효성 검사 규칙을 적용하지만 일관된 구문을 유지할 수 있습니다 그런 식으로.

우리는 HTML 5 '유형'속성 중 일부를 사용하여 일부 유효성 검사에서도이를 활용할 수 있는지 알아볼 것입니다.

Answer 2

양식 유효성 검사를 수행하는 방법은 다양하며 이미 유효합니다.

당신은 게시 한 것과 비슷한 마크 업을 만들 수있는 jQuery Validation plugin을 볼 수 있으며 이는 유효성 검사를 수행 할 것입니다. 당신이 입력 양식이있는 경우 예를 들어, 다음과 같이 보이는 :

<form id="inputform"> 
    <p> 
    <label>Name</label> 
    <input id="name" class="required" /> 
    </p> 
    <p> 
    <label>E-Mail</label> 
    <input id="email" class="required email" /> 
    </p> 
</form> 

모든 당신이 플러그인없이 이동하기로 결정하는 경우가

$(document).ready(function(){ 
    $("#inputform").validate(); 
}); 

될 것이라고 확인하기 위해 수행해야 할 것입니다, 당신이 할 수있는 여전히 귀하의 필수 요소를 쉽게 찾을 수 있습니다.

$("input.required").each(function() { 
    // do your validation here 
}); 

Answer 3

JQuery 유효성 검사 플러그인을 확인하십시오.

http://bassistance.de/jquery-plugins/jquery-plugin-validation/

Answer 4

당신이, 당신은 요소의 클래스 속성을 통해 검증을 추가 할 수 있습니다 할 것을 제안하고 (너무 유효성 검사를 추가 할 수있는 다른 방법이) 정확히 않는 jQuery를위한 플러그인이 이미 있습니다.

당신은 그의 문서를 볼 수 있습니다 귀하의 질문에 http://docs.jquery.com/Plugins/Validation

백업, 나는이 작업을 수행 할 수있는 "괜찮아"방법 같아요. 그리고 jQuery로 매우 쉽습니다.

도움이된다면 기쁩니다.