- submit 按钮提交方式
<form action="http://localhost:8080/postData.do" method="post">
<input type="text" name="username" />
<input type="password" name="password"
<input type="submit" value="登陆"/>
</form>
注意:
在form标签中添加Action(提交的地址)和method(post),且有一个submit按钮()就可以进行数据的提交,每一个input标签都需要有一个name属性,才能进行提交。
这种默认的提交方式,一般会进行页面的跳转(不成功时跳转到当前页面)。而有时候我们是对弹出框进行数据提交的,希望提交成功则关闭弹出框并刷选父页面,失败则提示失败原因,且弹出框不关闭。此时可以采用Ajax进行数据提交.
2. ajax提交form表单
$('#documentForm').submitForm({
url: "/Document/SubmitDocumentCreate",
dataType: "text",
callback: function (data) {
endFileUpload();
data = eval("(" + data + ")");
alert(data.Content);
if (data.Result > 0) {
location.href = data.Redirect;
}
},
before: function () {
startFileUpload();
var errMsg = "";
}
}).submit();
注意:
此时可以在callback函数中对请求结果进行判断,然后执行不同的动作(页面跳转或刷选数据、提醒错误都可以)
3. 使用submit()方法进行提交。
可以在提交表单之前先对提交数据做一些判断。
<form action="${request.contextPath}/doData.do" method="post" id="dataForm" enctype="multipart/form-data">
<input id = "userName" name = "userName">
<input type="file" name="image1" multiple accept="image/png, image/jpeg">
</form>
function checkForm2(formId) {
$("#" + formId).validationEngine({
promptPosition : "centerRight",
autoHidePrompt : true,
autoHideDelay : 15000,
showOneMessage : true,
scroll:true
});
var flag = $("#" + formId).validationEngine("validate");
if (flag != undefined && flag != null && flag) {
$("#" + formId).close();
$("#" + formId).submit();
}
}