php - 如何使用一种表单中的两个按钮执行不同的 JavaScript 操作？

Question

我正在尝试使用 jquery 为我的 php 表单执行两种不同的 javascript 操作，该表单有两个提交按钮:“保存”和“下一步”。这个想法是，两个按钮都提交将数据保存到数据库中的表单，但是当“下一步”经过客户端验证并进一步进行时，“保存”只是跳过验证，返回 true 并且用户停留在表单上。

<form id="form" name="form" method="post" action="?action=my_php_form">
    <input type="submit" name="save" class="save" id="save" value="save"/>
    <input type="submit" name="next" id="next" class="next" value="next"/>
</form>

当用户在重新加载后单击“保存”或“下一步”时，我已经成功，但是如果用户单击“下一步”，启动验证并提交返回 false，他将无法再单击“保存”并忽略验证。造成这种情况的原因可能是什么？

$(function() {
    //Lets skip the whole thing if save is clicked
    $('#save').click(function() {
        $('#form').submit(function() {  
            return true;
        });
    });
    $('#next').click(function() {
        $('#form').submit(function() {
            var invalid = 0;
            //A lot of crazy validation, if some invalid stuff then increment increment invalid
            if(invalid > 0) {
                return false;
            }
            else {
                return true;
            }
        });
    });
});

Answer 1

我想我会做这样的事情:

$(function() {
    //Lets skip the whole thing if save is clicked
    //Actually, no binding is needed as the button is already a submit button
    //Thx to Ocanal

    $('#next').click(function() {
        var invalid = 0;
        //Validation process
        if(invalid) {
            $('#form').submit();
        } else {
            return false;
        }
    });
});