Question

我正在构建一个带有jquery的表单系统，并使用基本验证（如果表单具有所需的值并且是所需类型）作为前线系统（我也在后端进行验证））用于在用户提交时进行验证，这是为了尽可能防止无用的请求（例如：提交一个完全空的表单）

处理此问题的“正确”方法是什么？我的默认想法是将一个类应用于元素，如下所示：

<input type="text" name="something" class="required">

或

<input type="text" name="something" class="optional">

然后简单地循环并检查类是否匹配，这是一种“好的”方式，还是有更好的方法？我可以应用自定义属性，但我感觉不好，我不知道是否所有浏览器都支持这个。

注意：这些字段不一定每次都相同，硬编码到js是不可能的（或者是个好主意）。

Answer 1

您可能想查看JQuery验证插件。

http://bassistance.de/jquery-plugins/jquery-plugin-validation/

Answer 2

我们正在使用类名语法：

validate[required]
validate[phone]

等

这样我们可以通过类名轻松应用多个验证规则，但保持一致的语法。

我们还将研究使用一些HTML 5'类型'属性，看看我们是否也可以利用它来进行某些验证。

Answer 3

有许多方法可以进行表单验证，并且已经有很多代码已经完成。

您可以查看jQuery Validation plugin，它可以让您创建类似于您发布的标记，并为您进行验证。例如，如果您有一个如下所示的输入表单：

<form id="inputform">
  <p>
    <label>Name</label>
    <input id="name" class="required" />
  </p>
  <p>
    <label>E-Mail</label>
    <input id="email" class="required email" />
  </p>
 </form>

所有你需要做的就是验证它

$(document).ready(function(){
   $("#inputform").validate();
});

如果您决定不使用该插件，您仍然可以使用

轻松找到所需的元素

$("input.required").each(function() {
    // do your validation here
});

Answer 4

已经有一个jQuery插件可以完全按照你的建议去做，你可以通过元素的class属性添加验证（还有其他方法可以添加验证）。

您可以在以下网址查看他的文档：http://docs.jquery.com/Plugins/Validation

回到你的问题，我认为这是一种“好的”方式。使用jQuery非常容易。

如果有帮助我很高兴。

jQuery表单处理：需要与不需要

4 个答案: