jquery表單驗證validate

標籤：

在做表單驗證時，如果表單資訊比較多，導致提交按鈕和錯誤資訊沒在已屏顯示，就會導致無法提交，又沒有友好提示的問題。

理想的解決辦法就是在驗證發生錯誤時，自動定位到錯誤提示的地方，方便使用者查看和修改。

 $("#Send").click(function (e) {        // 這行是 Opera 的補丁, 少了它 Opera 是直接用跳的而且畫面閃爍        $body = (window.opera) ? (document.compatMode == "CSS1Compat" ? $(‘html‘) : $(‘body‘)) : $(‘html,body‘);        //表單提交出現錯誤定位到具體出錯位置 方便使用者進行修改            if (!$(‘form).valid()) {                var targetId = "";                $($(‘form).validate().errorList).each(function (index, item) {                    if (targetId == "") {                        targetId = $($(item).attr(‘element‘)).attr(‘id‘);                    }                });                $body.animate({ scrollTop: $(‘#‘ + targetId).offset().top - 30 }, 500);                return;            }    });

跳轉到出錯的第一個位置

jquery表單驗證validate