jquery form 提交

2012-10-18   来源:站长日记       编辑:沧海桑田   类别:jQuery 实例    转载到:    发表评论

jquery 如何提交表单,jQuery异步提交form表单

jQuery异步提交form表单

页面中导入jQuery,

然后在jQuery的ready方法中定义form提交时的动作就可以了,
var str = '输入搜索内容',keyword ='';
$('#sear_txt').val(str);
$('#tag_search').submit(function() {
  keyword = $('#sear_txt').val();
  if(str == keyword || keyword == ''){
return false;
  }else{
$('#tag_search').attr('action', blogConfig.blogUrl+'tag/'+keyword );
return true;
  }
  return false;
});
// 使用 jQuery 异步提交表单
$(document).ready(function() {

$('#editRealMsgForm').submit(function() {

jQuery.ajax({

url: 'editRealMsg.eri',

data: $('#editRealMsgForm').serialize(),

type: "POST",

beforeSend: function(){ 

$('#submitButton').hide();

$('#editRealMsgImg').show();

},

success: function(){

$('#editRealMsgImg').hide();

$('#modifyButton').show();

$('#realName').attr("disabled","true");

$('#tel').attr("disabled","true");

}

});

return false;

});

});

这个form就绑定好jQuery封装的异步提交 方法了
the second method     no input id
Jquery来对form表单提交(mvc方案)
Jquery来对form表单提交,下面是一个form表单,里面没有action字段,用Jquery注册事件进行提交,


    " />
    " />
   
       
       

           
               
                   
                   
                              
           

                        关键字:
                   

                        "
                            isnull="0" />
                        关键字请用逗号隔开
                   

       

   

   

       
       
   

   


在js中的代码如下:

$(document).ready(function () {
    $("#btnConfirm").click(function () {
        $('#documentForm').submitForm({
            url: "/Document/SubmitDocumentCreate",
            dataType: "text",
            callback: function (data) {
                endFileUpload();
                data = eval_r("(" + data + ")");
                alert(data.Content);
                if (data.Result > 0) {
                    location.href = data.Redirect;
                }
            },
            before: function () {
                startFileUpload();
                var errMsg = "";
            }
        }).submit();
    });

}

120

2
120|2 | 鲜花 VS 砸蛋 | 380阅读 0评论
 
不想登录?直接点击发布即可作为游客留言。
昵称  邮箱 网站 验证码 = 1+1