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技术来简化表单提交过程,并实现客户端与服务器之间的交互,包括验证表单数据、发送请求以及处理响应。通过实例演示了如何在网页中创建动态交互式的表单,以及如何利用jQuery简化JavaScript代码,提高开发效率。
474

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



