제출 jquery에 적절한 오류 메시지를 추가

Question

나는 제출시 jQuery를 사용하여 클라이언트 쪽에서 오류 메시지를 추가해야하는 양식이 있습니다.

(다른 사람) 형태의 HTML이다 - 나는 현재 (작동하지 않는)이 jQuery를 가지고

<div class="data"> 
<h3>Datos de acceso</h3> 
<p class="email-login"> 
    <label for="email-login">Su correo electrónico</label> 
    <input id="email-login" name="email-login" type="text" value="Su correo electrónico"> 
</p> 
<p class="password-login"> 
    <label for="password-login">Elija una contraseña</label> 
    <input id="password-login" name="password-login" type="text" value="Elija una contraseña"> 
</p> 
<h3>Datos personales</h3> 
<p> 
    <label for="name">Nombre y apellidos</label> 
    <input id="name" name="name" type="text" value="Nombre y apellidos"> 
</p> 
<div class="data1"> 
    <p class="gender"> 
     <span class="female"> 
      <label for="gender-female">Mujer</label> 
      <input id="gender-female" name="gender-female" type="radio" value="Mujer"> 
     </span> 
     <span class="male"> 
      <label for="gender-male">Hombre</label> 
      <input id="gender-male" name="gender-male" type="radio" value="Hombre"> 
     </span> 
    </p> 
    <p class="age select"> 
     <select> 
      <option value="" selected="selected">Edad</option> 
     </select> 
    </p> 
</div> 
<div class="data2"> 
    <p class="country select"> 
     <select></select> 
    </p> 
    <p class="postal"> 
     <label for="postalcode">post code</label> 
     <input id="postalcode" name="postalcode" type="text" value="post code"> 
    </p> 
</div> 
<div class="terms"> 
    <input type="checkbox" name="terms" value="Acepto las condiciones"> 
    <p class="checkbox"></p> 
    <p>words<a href="#">?</a></p> 
</div> 
<p class="submit"> 
    <input class="button" type="submit" value="Conectar"> 
</p> 

$(document).ready(function() { 
    $('input').each(function() { 
     var $this = $(this); 
     if(!$this.val()) $this.addClass('error'); 
    }); 
}); 

이 클라이언트는 지금이 필요 양식 요소마다 다른 오류 메시지. 이름, 성별, 우편 번호 등이 양식에 추가되는 오류입니다. 그게 가능하니? 작동하지 않기 위해 jQuery에서 잘못 수행 한 작업은 무엇입니까?

Answer 1

좋은 시작점은 jquery의 submit method을 현재 jquery 논리에 적용하는 것입니다. 또한 동일한 API 페이지에 대한 입력 유효성 검증의 예가 있습니다. 그 eroor messeges

또는 기타에 대한

Answer 2

$(document).ready(function() { 
    var count=0; 
    $('input').each(function() { 
     count++; 
     var myvar =error+count; 
     var $this = $(this); 
     if(!$this.val()) $this.addClass(myvar); 
    }); 
}); 

및 쓰기 다른 clasees는 eroor 메시지와 함께 클래스 이름과 같은 그의 이름을 buildarray VAR 같은

myarray =new arrau(); 
    myarray .push(eroorthatwahtuwantname); 


$(document).ready(function() { 

    $('input').each(function() { 


     var $this = $(this); 
      var req=this.name(); 
     if(!$this.val()) $this.addClass(getNmae(req,myarray)); 
    }); 


function getNmae (str, strArray) { 
    for (var j=0; j<strArray.length; j++) { 
     if (strArray[j].match(str)) return j; 
    } 
    return -1; 
}