在提交時驗證多個輸入

任何人都可以幫助我試圖驗證多個輸入，以確保它們在提交點不是空的。然後在#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>

感謝，

來源

2013-04-08 felix001

查閱.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-08 20:10:25

效果很好。但是，如果我更改代碼以將錯誤消息滑入，我如何將頁面的其餘部分向下滑動？ – felix001 2013-04-08 22:32:54

嘗試一些東西，如果你仍然卡住問一個新的問題 – 2013-04-09 00:49:12