0

送信時に複数の入力が空でないことを確認するために、複数の入力を検証しようとしています。そして、#error にテキストを追加します。

私のフォームは次のようになります。

<div class="span12">
        <form method="post" name="bdayInputFormMain" action="/bdayremind_maininput/" class="form-inline">
        {% csrf_token %}
                <input name="name" type="text" class="input-medium" placeholder="Name">
                <input name="dob" type="text" class="input-small datepicker" placeholder="Date of Birth">
                <input name="addr" type="text" class="input-xlarge" placeholder="Address">
                <button type="submit" class="btn">Update</button>
        </form>
</div>

ありがとう、

4

3 に答える 3

1

.submit()のドキュメントを確認してください。独自の検証メソッドを作成するのはかなり簡単です。または、他の人が提案したようなライブラリを使用することもできます。

http://jsfiddle.net/rwFDT/

$('form').submit(function(){
   var $emptyFields = $();
   $('form').find('input').each(
       function(){
              if($(this).val() == ""){
                   $emptyFields.push(this)
             }
        });
  if($emptyFields.length != 0){
    $('form').find('input').css("border","");
    $emptyFields.css("border", "1px solid red");
    $("#error").html("<b><i>This is my error message</i></b>");
    return false;
  }else{
    return true;
  }
});
于 2013-04-08T20:10:25.593 に答える