表單驗證一直是一個麻煩的事情，讓很多人望而退步，之前想過一個驗證的好方法，但是有bug，昨晚請教了juyling.com的王員外，順利解決。

以下是js代碼

function mySubmit($obj, $form, $input){$obj.click(function(){var flag = true,errorIndex = -1;$input.each(function(i){if( ! $.trim( $(this).val() ) ){errorIndex = i;return flag = false;}});if( flag ){$form.submit();}else{alert($input.eq(errorIndex).attr('data-msg'));$input.eq(errorIndex).focus();return false;}});}

?

HTML代碼

<form method="post" id="myform"><p><label for="Name">真實姓名</label><input name="Name" id="Name" class="v" data-msg="請輸入姓名" type="text" /></p><p><label for="contact_value">手機號碼</label><input name="contact_value" id="contact_value" class="v" data-msg="請輸入手機號碼" type="tel" /></p><p class="btn"><input name="dosubmit" id="btn-sbt" value="注 冊" type="submit" /></p> </form>

　　來自;http://www.imsole.net/article/1.63.sole

轉載于:https://www.cnblogs.com/xiaolinxi/p/3289074.html

總結

以上是生活随笔為你收集整理的jQuery 通用表单方法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。