Form 表单用 Ajax 提交数据并用 jQuery Validate 验证
- 表单填写需要验证可用插件 jQuery Validate
- 提交数据使用 Ajax 可操控性得到提到
注意:请自行引入 jQuery 和 jQuery Validate
HTML 代码
<form class="icmxform" >
<fieldset>
<legend>输入您的名字,邮箱,URL,以及备注。</legend>
<p>
<label for="iname">Name (必填, 最小两个字符)</label>
<input required>
</p>
<p>
<label for="iemail">E-Mail (必填)</label>
<input required>
</p>
<p>
<label for="icurl">URL (可选)</label>
<input >
</p>
<p>
<label for="iccomment">备注 (必填)</label>
<textarea required></textarea>
</p>
<p>
<input class="submit" type="submit" value="Submit">
</p>
</fieldset>
</form>
Js 代码
$.validator.setDefaults({
submitHandler: function() {
alert("此处可执行提交数据 Ajax!");
// 可以在处理使用 Ajax 提交表单
}
});