javascript - 如何在focusout()上提交Ajax表单

我有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> &nbsp;&nbsp;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/

关于javascript - 如何在focusout()上提交Ajax表单，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/20199265/