Question

如何进行一些验证，检查用户点击的按钮是什么。

我有按钮这样提交

<form id="form-post">
    <button type="submit" id="one"> ONE </button>
    <button type="submit" id="two"> TWO </button>
</form>

jquery

$(document).ready(function() {
    $('#form-post').submit(function() {   
        //here for the validation
        $.ajax({    
            type: 'POST',
            url: $(this).attr('action'),
            data: 'sta=' +GetButtonId,
            success: function(data) {
                $('.alert-warning').html(data);
            }
            return false;
        });

如何获取数据的按钮ID：'sta ='+ GetButtonId并在jquery中进行验证

示例

if(button.submit.one.click) {
    var GetButtonId = "one";
} else {
    var GetButtonId = "two";
}

Answer 1

试试这个

$(document).ready(function() {
    $("button").click(function(event) {
        alert(event.target.id);
    });
});

Answer 2

这可能有所帮助：

$(document).ready(function() {
    $("button[type="submit"]").click(function(event) {
           //prevent default form post submission
           event.preventDefault();
           // get ID of button
              var id=$(this).attr("id");
           //then make jQuery ajax call passing id.
          $.ajax({    
            type: 'POST',
            url: $(this).attr('action'),
            data: 'sta=' +id,
            success: function(data) {
                $('.alert-warning').html(data);
            }

         });

    });
});

Answer 3

要在按钮上单击Ajax请求并知道单击了哪个按钮，您可以执行此操作 -

$('button').click(function(e){
      $.ajax({    
            type: 'POST',
            url: $("#form-post").attr('action'),
            data: 'sta=' + $(this).attr('id'),
            success: function(data) {
                $('.alert-warning').html(data);
            }
        });
});

因为你没有做正常的事情。表单提交而不是Ajax POST，您可能希望阻止表单提交的默认行为 -

$("#form-post").submit(function(e) {
    e.preventDefault();
});

jquery验证检查点击了什么提交

3 个答案: