Form表单提交方式

来源:互联网 发布:java程序员单词要求 编辑:程序博客网 时间:2024/05/17 08:57

一、submit提交

<form action=’http://www.123.com/postValue’ method=’post’>

<input type=’text’ name=’username’ />

<input type=’password’ name=’password’/>

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

</form>

这种默认的提交方式,一般会进行页面的跳转(不成功时跳转到当前页面)。

二、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插件

$('#ff').form('submit', {

url:...,

onSubmit: function(){

//进行表单验证

//如果返回false阻止提交

},

success:function(data){

alert(data)

}

});


0 0
原创粉丝点击