Ajax的Form提交

1、首先引入jquery.form.min.js文件

2、

function onSubmit(){
var url='<%=path %>/before/beforeInfo_saveInfo.do?type=<%=request.getAttribute("disType")%>';
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: 'post',// 'get' or 'post',override for form's 'method' attribute
dataType: 'json',// '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
};

// bind form using 'ajaxForm'
$('#validForm').ajaxForm(options);
}

function showRequest(formData,jqForm,options) { //在提交之前可以用来校验所填写的信息。 //var queryString = $.param(formData); //alert('About to submit: nn' + queryString); var title = $.trim($('#title').val()); if(""==title){ alert("请填写标题!"); return false; } var keyWord = $.trim($('#keyWord').val()); if(""==keyWord){ alert("请填写关键字!"); return false; } var editorDescs = $.trim(UE.getEditor('editorDescs').getContent()); if(""==editorDescs){ alert("请填写问题描述!"); return false; } var editorSolution = $.trim(UE.getEditor('editorSolution').getContent()); if(""==editorSolution){ alert("请填写解决方案!"); return false; } var area = $('#scopeAreaId').val(); if("0"==area){ alert("请选择可查询区域!"); return false; } return true; }

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!