簡單形式的AJAX驗證

Question

我正在嘗試使用AJAX進行客戶端驗證，以檢查簡單表單上的空字段。 如果該字段為空，我想通知用戶這無效。 如果有任何空白字段，則不應提交表單。

最好的方法是什么？

Answer 1

不需要Ajax進行客戶端驗證。 我只能假設您正在將術語與“ jQuery”互換。 在這種情況下...

到目前為止， jQuery Validate是使用最廣泛的jQuery驗證插件。

“該插件是由jQuery團隊的成員，jQuery UI團隊的首席開發人員和QUnit的維護者JörnZaefferer編寫和維護的。它始於jQuery的早期，並於2006年進行了更新和改進。 ”

這是一個工作演示...

http://jsfiddle.net/EggSb/

jQuery的：

$(document).ready(function() {

    $('#myform').validate({ // initialize the plugin
        rules: {
            field1: {
                required: true,
                minlength: 5,
                // other rules
            },
            field2: {
                required: true,
                email: true,
                // other rules
            }
        }
    });

});

HTML：

<form id="myform">  
     <input type="text" name="field1" />
     <input type="text" name="field2" />
     <input type="submit" />
</form>

Answer 2

如果您要測試的都是空字段，則無需使用AJAX。 如果您要定位支持HTML5表單的瀏覽器，則可以執行以下操作：

<input type="text" name="username" required />

如果需要支持其他瀏覽器（如IE），則需要使用JavaScript。 Google在“ JavaScript表單驗證庫”中找到執行此操作的JavaScript示例。