JQuery와 - 유효성 검사() 및 그룹화 유사한 양식 항목

Question

나는 다음과 같은 형식이 있습니다

http://fuzzysiberians.com/app4.cfm

에는 사회 보장 번호가없는, 내 오류 메시지가 각 텍스트 필드 다음에 표시되어 있습니다. 이 오류 메시지를 그룹화하여 서로 옆에 3 개의 텍스트 상자가 있고 한 개의 오류 메시지 만 표시 할 수있는 방법이 있습니까?

Answer 1

SSN을 단일 필드로 사용하지 않는 이유는 무엇입니까? 현재 ssn의 각 부분에 대해 3 개의 개별 텍스트 필드가 있습니다.

또는 사용자의 필드에 대시를 자동으로 추가하는 다양한 마스크 편집 필드가 있습니다. 그러나 사용자가 부품 번호를 입력 할 때 전체 번호를 입력하는 것에 익숙한 경우입니다.

Answer 2

사회 보장 번호에 3 가지 필드가있는 대신 ### - ## - #### 형식으로 마스킹 된 단일 필드를 사용하고 싶습니다.

그러면 단일 입력 상자에 단일 유효성 검사 규칙을 적용 할 수 있습니다. 여기

$("#ssn").mask("999-99-9999"); 

jQuery Masked Input Plugin

는

<form id="myForm"> 
<fieldset> 
    <legend>My Sample Form</legend> 
    <label><strong>Name:</strong></label><br /> 
    <input name="name" id="name" /> 
    <br /> 
    <label><strong>SSN:</strong></label><br /> 
    <input name="ssn" id="ssn" /> 
    <br /> 
    <input class="submit" type="submit" value="submit" /> 
</fieldset> 
</form> 

<script language="javascript"> 
    jQuery(function($) { 
     $("#ssn").mask("999-99-9999"); 
     // validate signup form on keyup and submit 
     $("#myForm").validate({ 
      rules: { 
       name: "required", 
       ssn: "required", 
      }, 
      messages: { 
       name: "Please enter your name!", 
       ssn: "Please enter your ssn!" 
      } 
     }); 

    }); 
</script>