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 提交表單
    }
});