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

>

<code class="language-javascript">$("#myForm").validate({
  rules: {
    name: {
      required: true,
      minlength: 2
    }
  },
  messages: {
    name: {
      required: "Please enter your name",
      minlength: "Name must be at least 2 characters"
    }
  }
});</code>

电子邮件验证：

内置的规则处理电子邮件验证。 email

>

<code class="language-javascript">$("#myForm").validate({
  rules: {
    email: {
      required: true,
      email: true
    }
  }
});</code>

表格提交验证：方法自动在提交时验证。 只需在您的表格上调用。validate> validate()>ajax集成：

使用选项通过ajax。 submitHandler

>验证复选框，选择字段，多个字段，文件输入，数字和日期：

<code class="language-javascript">$("#myForm").validate({
  submitHandler: function(form) {
    $.ajax({
      type: "POST",
      url: "/submit",
      data: $(form).serialize(),
      success: function(response) {
        // Handle the response
      }
    });
    return false;
  }
});</code>

规则适用于复选框和选择字段。 功能可以验证具有相同名称的多个字段。 规则也适用于文件输入。 分别使用数字和日期验证的规则。 有关每个文章的详细示例，请参阅原始文章。

以上是5好的jQuery验证表格演示的详细内容。更多信息请关注PHP中文网其他相关文章！