javascript - IBM Worklight - 使用 jQuery 进行表单验证

Question

如何使用 jQuery 验证来验证表单元素，即 .validate()。
我有以下代码:

$('#form1').validate({

});

我想检查用户名和密码不能为空，
新密码和重新输入的密码应该匹配，等等。

Answer 1

你问错问题了。简而言之(根据问题提供的上下文)您尚未阅读和/或理解该文档。 jQuery Validation Plugin使用您为表单元素提供的 HTML 属性来执行其自身的验证。因此，如果您的标记正确，那么您的 .validate() 应该可以工作。

$(function() {
  $('#commentForm').validate({
    submitHandler: function() {
      alert('Fake Submit');
    };
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://jqueryvalidation.org/files/dist/jquery.validate.js"></script>
<form class="cmxform" id="commentForm" method="get" action="">
  <fieldset>
    <legend>Please provide your name.</legend>
    <p>
      <label for="cname">Name (required, at least 2 characters)</label>
      <input id="cname" name="name" minlength="2" type="text" required>
    </p>
    <p>
      <input class="submit" type="submit" value="Submit">
    </p>
  </fieldset>
</form>

参见jQuery Validation Plugin Documentation for more examples .