[英]How to submit an Ajax form on focusout()
我有AJAX提交的以下表格:
的HTML
<form class="form-horizontal" id="formEditUsername" action="<?php echo URL; ?>account/editusername_action" method="post">
<input type="text" class="form-control" name="user_name" id="user_name" placeholder="Add username" value="User ">
<button type="submit" class="btn btn-default">Save</button>
</form>
AJAX
$("#formEditUsername").submit(function(event){
//disable default click operation
event.preventDefault();
var action_url = $(this).attr("action");
$(".help-block.username").hide().html("<i class='fa fa-refresh fa-spin'></i> Processing...").fadeIn('slow');
console.log(action_url);
var postData = $(this).serializeArray();
//console.log(postData);
$.post(action_url,postData,function(data){
console.log(data);
var obj = $.parseJSON(data);
$(".help-block.username").html("Saving...");
if(obj.status == "error")
{
$(".help-block.username").css({color: '#990033'});
$(".help-block.username").html(obj.message).fadeIn('slow');
};
if(obj.status == "success")
{
$(".help-block.username").css({color: '#00b25a'});
$(".help-block.username").html(obj.message).fadeIn('slow');
$(".namebox").html(obj.username);
}
});
});
我想添加一個功能,以便在輸入(#user_name)失去焦點之后,表單使用focusout()提交。 有任何想法嗎?
$('#user_name').on('focusout', function() {
$("#formEditUsername").trigger('submit');
});
閱讀此內容: http : //api.jquery.com/focusout/
$('#user_name').on('blur', function() {
$("#formEditUsername").trigger('submit');
});
要提交表單,請使用:
$('#user_name').on('focusout', function() {
$("#formEditUsername").get(0).submit(); // this fires JS native event, not jquery handler
});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.