0

送信時に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が機能しないために、何を間違えましたか？

4

2 に答える 2

0

適切な出発点は、jQuery のsubmit メソッドを現在の jquery ロジックに適用することです。同じ API ページに入力検証の例もあります。

于 2013-03-11T11:49:03.240 に答える
0 
$(document).ready(function() {
   var count=0;
    $('input').each(function() {
       count++;
      var myvar =error+count;
        var $this = $(this);
        if(!$this.val()) $this.addClass(myvar );
    });
});

そして、これらのエラーメッセージに対して異なるクラスを書きます

または、 var のようなクラス名として名前が付けられた 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;
}
于 2013-03-11T12:50:10.977 に答える