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 回答
0

这个验证库Parsley.js看起来不错，可以满足您的需求。

于 2013-04-08T19:56:35.047 回答
0

是的！jquery 验证是客户端的最佳验证器之一。您应该对那些需要的字段使用必需的类。

请参阅文档http://docs.jquery.com/Plugins/Validation

您的表单将如下所示：

http://jsbin.com/elemad/3/edit

我希望它有帮助！

于 2013-04-08T20:41:31.880 回答