2010-04-10 59 views
1

我正在查看一些文本框,如需要, 最小長度,最大長度,電子郵件等的驗證......我能夠得到在頁面上提交按鈕正常工作的例子。我想在點擊按鈕時進行驗證,這隻會引發Ajax請求而不會提交頁面。控件的jQuery驗證

在互聯網上發現的所有樣本都是一個提交按鈕。有沒有 簡單的方法來改變這個代碼一點點,使其工作非提交按鈕點擊或任何 新的jQuery或Java插件做同樣的事情?我現在使用jquery.validation.js。這適用於提交按鈕。

任何形式的幫助建議或幫助表示讚賞。

+0

不要使用按鈕,使用提交,然後處理在onsubmit事件的AJAX(和停止事件傳播所以正常提交不如果JS運行就會發生)。這樣你可以避免違反規則二:http://icant.co.uk/articles/pragmatic-progressive-enhancement/#build – Quentin 2010-04-10 19:04:21

回答

1

jQuery驗證器插件已經處理了這個。只需調整validate方法中的一些選項即可。

如文檔中引用的onfocusout在選項:上模糊

驗證元素(除複選框/單選按鈕)。如果沒有輸入任何內容,則跳過所有規則,除非該字段已被標記爲無效。

代碼示例:

$("#form").validate({ 
    onfocusout: false 
}); 

這只是你可以配置幾十個選項之一。你可以看到完整的選項列表中validate方法在這裏: http://docs.jquery.com/Plugins/Validation/validate#options