Jquery表单插件使用

一般表单提交都是同步,可以使用$.post进行异步提交,但这样意味着当表单属性很多的时候,要写的js也很多($("#xxx").val()获取属性的值后,在放入$.post第二个参数).如果使用Jquery的表单插件,则可以减少很多不必要的麻烦。

插件引入:

 

<script type="text/javascript" src="${pageContext.request.contextPath }/JQuery/jquery.form.js"></script>


示例代码:

 

<script type="text/javascript">
	$(document).ready(function(){
		$("#userRegister").ajaxForm({
			beforeSubmit:function(){
				alert("1");
				$("#sub").attr("disabled","disabled");
			},
			success:function(reData){
				
			},
			clearForm: true    //提交成功后清除所有表单数据   
            //url: url         //覆盖form中action属性值   
            //type: type       //'get' 或  'post', 覆盖form中method属性值   
            //dataType: null   //'xml', 'script', or 'json'  
		});
	}); //document.ready
	
</script>


参考博客:

itmyhome,jQuery表单插件jquery.form.js,http://blog.csdn.net/itmyhome1990/article/details/42742875

 

posted @ 2017-06-25 22:00  ryelqy  阅读(119)  评论(0编辑  收藏  举报