如何在表单(<form><form>)上的提交操作在这个表单中的所有输入元素都填写完毕后自动启动？

Question

我想让form()上的submit动作在这个表单内所有输入元素都填写完毕时自动启动。如何使用ajax来实现？

Answer 1

类似下面的方法。

$("#myForm :input").blur(function() {
    if($('#myForm :input[value]').length == $('#myForm :input').length) {
        $(this).closest("form").submit(); 
    }
    return false;
});

注意以下几点：

• 这个... :input 选择器匹配所有输入、文本区域、选择和按钮元素。
• 选择器的 closest 选择器返回最接近的父元素。

Answer 2

更新:除了Karim79。

$("#myForm :input").blur(function() {
    var hasEmpty = false;
    if($('#myForm :input[value]').length == $('#myForm :input').length) {
        $(this).closest("form").submit();

    var name = "", email = ""; //Get the value for name and email from the form
    var dataString = 'name='+ name + '&email=' + email;
           $.ajax({
              type: "POST",
              url: "page.aspx",
              data: dataString,
              success: function() {
                $('#message').html("<h2>Form Submitted!</h2>");//Display message
              }
             }); 
    }
    return false;
});

试试这个。

$("form")[0].submit();

你需要在字段被验证后调用这个函数。

并检查 这个 网站。