form表单的提交方式

form表单提交方式总结一下：

一、利用submit按钮实现提交，当点击submit按钮时，触发onclick事件，由JavaScript里函数判断输入内容是否为空，如果为空，返回false, 不提交，如果不为空，提交到由action指定的地址。

用户帐号
登录密码 1234567891011121314151617181920

二、利用button按钮实现提交，当点击button按钮时，触发onclick事件，由JavaScript里函数判断输入内容是否为空，如果为空，返回false, 不提交，如果不为空，提交到由action指定的地址，由于button按钮不具备自动提交的功能，所以由JavaScript实现提交。

用户帐号
登录密码 1234567891011121314151617181920

三、利用submit按钮实现提交，当点击submit按钮时，先触发onsubmit事件，由JavaScript里函数判断输入内容是否为空，如果为空，返回false, 不提交，如果不为空，提交到由action指定的地址。

用户帐号
登录密码

一、submit提交

在form标签中添加Action(提交的地址)和method(post),且有一个submit按钮（）就可以进行数据的提交，每一个input标签都需要有一个name属性，才能进行提交。

<input type=’submit’ value=’登陆’/>

当点击登陆时，向服务端发生的数据是：username=username&password=password.

这种默认的提交方式，一般会进行页面的跳转(不成功时跳转到当前页面)。而有时候我们是对弹出框进行数据提交的，希望提交成功则关闭弹出框并刷选父页面，失败则提示失败原因，且弹出框不关闭。此时可以采用Ajax进行数据提交.

二、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函数中对请求结果进行判断，然后执行不同的动作(页面跳转或刷选数据、提醒错误都可以)

三、Easyui的form插件

通过easyui的form插件也可以达到上面的目的。

$(’#ff’).form(‘submit’, {

url:…,

onSubmit: function(){

//进行表单验证

//如果返回false阻止提交

},

success:function(data){

alert(data)

}

});

四、form表单提交附件

需要设定form的enctype="multipart/form-data"并且添加

而且附件只能通过submit方法进行提交，

---