5好的jQuery驗證表格演示

五個出色的jQuery形式驗證演示

>提供了許多表單驗證插件，但這裡有五個一流的jQuery-power demos展示有效的表單驗證技術。

> 源和演示1：jQuery驗證插件

此插件在提供廣泛的自定義選項時簡化了客戶端形式驗證。

>

源和演示2：jQuery驗證插件 - themerollered>

使用主題卷主題的視覺上吸引人的演示。

>

來源和演示3：帶有twitter bootstrap造型的jQuery veration demo

這個演示將插件與流行的Twitter引導框架集成在一起，以增強樣式。

源和演示4：基本的jQuery驗證表格

>一個直接的演示，說明了使用基本輸入驗證規則的JQuery及其驗證插件的表單驗證易於性。

源和演示5：ajax表單驗證示例

此演示使用JavaScript（帶JQuery）和AJAX進行服務器端處理的兩個示例，用於服務器端處理。

>

常見問題（FAQS）

>

>自定義錯誤消息：

>使用>方法中的>選項輕鬆自定義錯誤消息。 為每個字段和驗證規則指定自定義消息。 例如：messages validate

>

$("#myForm").validate({
  rules: {
    name: {
      required: true,
      minlength: 2
    }
  },
  messages: {
    name: {
      required: "Please enter your name",
      minlength: "Name must be at least 2 characters"
    }
  }
});

電子郵件驗證：

內置的規則處理電子郵件驗證。 email

>

$("#myForm").validate({
  rules: {
    email: {
      required: true,
      email: true
    }
  }
});

表格提交驗證：方法自動在提交時驗證。 只需在您的表格上調用。 validate> validate()>

ajax集成：

使用選項通過ajax。 submitHandler

>驗證複選框，選擇字段，多個字段，文件輸入，數字和日期：

$("#myForm").validate({
  submitHandler: function(form) {
    $.ajax({
      type: "POST",
      url: "/submit",
      data: $(form).serialize(),
      success: function(response) {
        // Handle the response
      }
    });
    return false;
  }
});

規則適用於復選框和選擇字段。 功能可以驗證具有相同名稱的多個字段。 規則也適用於文件輸入。 分別使用數字和日期驗證的規則。 有關每個文章的詳細示例，請參閱原始文章。

以上是5好的jQuery驗證表格演示的詳細內容。更多資訊請關注PHP中文網其他相關文章！