Form 表单用 Ajax 提交数据并用 jQuery Validate 验证

• 表单填写需要验证可用插件 jQuery Validate
• 提交数据使用 Ajax 可操控性得到提到

注意：请自行引入 jQuery 和 jQuery Validate

---

HTML 代码

<form class="icmxform" id="testForm" method="get" action="index.html">
  <fieldset>
    <legend>输入您的名字，邮箱，URL，以及备注。</legend>
    <p>
      <label for="iname">Name (必填, 最小两个字符)</label>
      <input id="iname" name="name" minlength="2" type="text" required>
    </p>
    <p>
      <label for="iemail">E-Mail (必填)</label>
      <input id="iemail" type="email" name="email" required>
    </p>
    <p>
      <label for="icurl">URL (可选)</label>
      <input id="icurl" type="url" name="url">
    </p>
    <p>
      <label for="iccomment">备注 (必填)</label>
      <textarea id="iccomment" name="comment" required></textarea>
    </p>
    <p>
      <input class="submit" type="submit" value="Submit">
    </p>
  </fieldset>
</form>

Js 代码

$.validator.setDefaults({
    submitHandler: function() {
      alert("此处可执行提交数据 Ajax!");
      // 可以在处理使用 Ajax 提交表单
    }
});