jquery 폼 유효성 검사 - 오류 메시지 위치

Question

기존 질문과 중복 될 수 있습니다. 누구나 다음을 제공하는 Javascript 또는 Jquery 폼 유효성 검사 스크립트를 추천 할 수 있습니까?

1. 오류 텍스트는 필드 위 또는 아래에만 이 아닌 페이지의 아무 곳에 나 배치 할 수 있습니다.
2. 오류 메시지 텍스트는 별도의 js 파일에 묻히지 않고 페이지 자체에 있어야합니다 (페이지가 여러 언어로 제공 될 예정이므로).
3. 스크립트는 필수 입력란과 유효한 이메일 주소를 확인해야합니다.

은 일반적으로 그냥 asp.net와 함께 제공되는 유효성 검사 컨트롤을 사용하십시오 (나는이 꽤 표준을 상상)하지만,이 경우에 나는 그물을

건배

을 사용하지 않는 편집 - 여기에 HTML. 그리고 예, 이전 사이트에 새 스킨을 추가하려고합니다!

<form method="post"> 
<table> 
<tr> 
    <td class="td-right" valign="top">Name:</td> 
    <td><input style="width:400px" type="text" name="name" /></td> 
</tr> 
<tr> 
    <td class="td-right" valign="top">Telefon:</td> 
    <td><input style="width:400px" type="text" name="telephone" /></td> 
</tr> 
<tr> 
    <td class="td-right" valign="top">Email-Adresse:</td> 
    <td><input style="width:400px" type="text" name="from" /></td> 
</tr> 
<tr> 
    <td class="td-right" valign="top">Thema:</td> 
    <td><input style="width:400px" type="text" name="subject" /></td> 
</tr> 
<tr> 
    <td class="td-right" valign="top">Nachricht:</td> 
    <td><textarea style="width:400px; height:200px" name="message"></textarea></td> 
</tr> 
<tr> 
    <td>&nbsp;</td> 
    <td><input class="button" type="submit" name="submit" value="senden" /></td> 
</tr> 
</table> 
</form> 

Answer 1

예를 봐 ....

$("#f_valid").validate(
    { 
     rules: 
     { 
      firstname:"required", 
      address:"required", 
      pin: 
      { 
       required:true, 
       digits:true, 
       minlength:6, 
      }, 
      gender:"required", 
      dob: 
      { 
       required:true, 
       dateISO:true, 
      }, 
      statename:"required", 

      mobile: 
      { 
       required:true, 
       digits:true, 
       rangelength: [10, 12] 
      }, 
      email: 
      { 
       required:true, 
       email:true, 
      }, 
      password: 
      { 
      required:true, 
      minlength:6, 
      }, 
      confirmpassword: 
      { 
      required:true, 
      equalTo:'#pass' 
      }, 
      keyskills:"required", 
      course_done:"required", 
      university:"required", 
      yearof passing: 
      { 
      required:true, 
      digits:true, 
      }, 
      mark1: 
      { 
       required:true, 
       digits:true, 
      }, 

      photo: 
      { 
       required:true, 
       extension:'jpg|png|gif', 
      }, 
      resume: 
      { 
       required:true, 
       extension:'txt|doc|docx|pdf', 
      }, 
     }, 
     errorPlacement:function(error, element) 
    { 
     if($(element).attr("name")=="gender") 
     { 
      $(element).parent().append(error); 
     }else 
     { 
     $(error).insertAfter(element); 
     } 
    }, 

    });