jQuery .submit()和.click()用于必填的输入字段

时间:2018-09-03 16:41:24

标签: jquery html ajax

我使用了.submit(),以便输入字段的REQUIRED属性将触发并起作用。 但是我传递的值并没有传递,而只是传递空值。

$('#add').submit(function() {
    $.ajax({
        type: "POST",
        url: "save.php",
        data: {
            'lastName': $('#lastName').val(),
            'firstName': $('#firstName').val(),
            'address': $('#address').val()
        },
        success: function(result) {
            alert("Succes");
        },
        error: function (jqXHR, textStatus, errorThrown) {
            alert(errorThrown);
        }
    });
});

当我使用.click()时,值已正确传递,但问题是输入字段的必需属性未触发,因此即使我使用了必需属性,用户也可以提交具有空字段的表单

谢谢!

1 个答案:

答案 0 :(得分:0)

尝试将其放入表单标签中并关闭输入标签

        <form>
          <input type = "text" class = "txtPost" placeholder = "Post a question?" required />
          <button>submit</button>
        </form>