html
<form id="form" >
<label for="cName">
用户名
</label>
<label for="cName" > 我们要测试</label>
<input id="cName1" name="cName" >
<input type="submit" value="Test" />
</form>
-------
<script type="text/javascript">
$.validator.setDefaults({
submitHandler: function(form) {
form.submit();
}
});
$(document).ready(function() {
function showRequest()
{
var isSuccess=$("#form").validate().form(); //.form(); 返回是否验证成功
return isSuccess;
}
function showResponse(responseText, statusText, xhr, $form) {
if (responseText) {
alert(responseText);
}
}
var options={
beforeSubmit: showRequest,
success : showResponse
}
$("#form").ajaxForm(options);
$("#form").validate( {
rules : {
cName : "required"
},
messages : {
cName :"请输入值"
}
});
});
</script>
本文介绍了一个使用jQuery进行表单验证及通过Ajax实现表单提交的实例。具体包括设置默认验证行为、定义验证规则与消息提示,以及利用Ajax进行表单提交前后的处理流程。
4万+

被折叠的 条评论
为什么被折叠?



