如何正确使用form表单提交

使用form表单提交数据的时候一般情况下我们会直接使用type为submit的按钮直接进行提交数据,但是在提交之前前端有时候需要校验提交的数据是否正确(比如上传的文件格式,用户输入的内容等等)并且监听数据是否上传成功。这个时候我们可以给提交按钮绑定点击事件。
form表单的action属性在页面初始化的时候设置,点击事件中我们可以获取到用户上传的数据进行校验这个还比较容易实现,但是我们如何得知数据是否是上传成功了呢,这个时候就需要用到表单提交里面有一个ajaxSubmit函数了,可以帮助我们很好的监听数据上传的整个过程。代码非常easy,如下:
$("#uploadForm").ajaxSubmit(function(data){
if(data.code200){
if(data.info
’成功处理’){
window.location.href=’/taskCenter?source=’+‘finish’;
} else {
$("#canNotApproveModal").modal(“show”);
jobIds = data.data;
}
}
});
但是仅仅这样还不能够实现,我们还需要在页面引入jquery-form.js文件

猜你喜欢

转载自blog.csdn.net/Mrs_dai/article/details/86674462