在提交jquery时添加相应的错误消息

Question

我有一个提交表单，我需要在客户端使用jQuery添加错误消息。

形式HTML（别人）是 -

<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> 

目前我有这个jQuery（这是不工作）

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

客户端，现在需要一个每个表单元素的错误消息不同。因此，名称，性别，邮编等错误将附加到表单中。那可能吗？我在jQuery中做了什么错，它不起作用？

Answer 1

一个好的起点是将jQuery的submit method应用到您当前的jquery逻辑。他们在同一个API页面上也有一个输入验证的例子。

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); 
    }); 
}); 

和写入那些eroor内留言

或以其它方式不同clasees与eroor消息buildarray 其名称为类名 像变种

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; 
}