我有以下表单,由 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');
});
关于javascript - 如何在 focusout() 上提交 Ajax 表单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20199265/