<script type="text/javascript" src="tempjs/jquery.js"></script>
<script type="text/javascript" src="tempjs/dist/jquery.validate.min.js"></script>
<script type="text/javascript" src="tempjs/localization/messages_zh.js"></script>
<script type="text/javascript" src="tempjs/jquery.form.js"></script>
直接用ajax提交
参考资料:
下载地址: http://plugins.jquery.com/form/
头部引用:
方法1 通过ajax 提交queryString
var queryString = $("#login").formSerialize();//alert(queryString);
获得之后直接用ajax提交queryString 能达到异步效果
方法1 直接用jquery.from插件异步提交
function ajaxFromSubmit()
{
//var queryString = $("#login").formSerialize();//alert(queryString);
var options = {
// target: '#output1', // target element(s) to be updated with server response
beforeSubmit: showRequest, // pre-submit callback
success: showResponse, // post-submit callback
// other available options:
//url: url , // override for form's 'action' attribute
//type: type, // 'get' or 'post', override for form's 'method' attribute
//dataType: null , // 'xml', 'script', or 'json' (expected server response type)
clearForm: true , // clear all form fields after successful submit
resetForm: true , // reset the form after successful submit
// $.ajax options can be used here too, for example:
timeout: 3000
};
$('#login').ajaxSubmit(options);
}
function showRequest(){return $("#login").valid();}
function showResponse(){alert("ajaxSubmit successful");}
function clearForm(){$('#login').clearForm();}
function resetForm(){$('#login').resetForm();}
ajax 提交范例:
var aj = $.ajax( {
url:'',// 跳转到 action
data:{ },
type:'post',
cache:false,
dataType:'json',
success:function(data) {
},
error : function(msg) {
}
});