bootbox.prompt() 确认表单提交使用

Question

如果有人在文本框中输入了错误的文本，我想阻止表单提交。我只想让用户输入 done 然后提交表单，否则会显示错误消息。在我下面的代码中不起作用，它不会阻止表单提交。

$('#delete_btn').click(function(event) {
        event.preventDefault();
        bootbox.prompt("Are you sure you want to done the record?<br/>Write 'done' below to confirm!", function(result) {
            if(result !== null)
                result = result.toLowerCase();
            if(result === 'done') {
            } else {
                alert('please enter something in textbox');
            }
        });
    });

Answer 1

如果您希望对话框保持打开状态，请在回调中添加一个 return false，因此：

$('#delete_btn').click(function(event) {
    event.preventDefault();

    bootbox.prompt("Are you sure you want to done the record?<br/>Write 'done' below to confirm!", function(result) {
        if(result !== null){
            result = result.toLowerCase();

            if(result === 'done') {
                /* submit your form */
            } else {
                alert('please enter something in textbox');

                return false;
            }
        }
    });
});

也可以一直returnfalse，只有成功状态才手动关闭提示：

$('#delete_btn').click(function(event) {
    event.preventDefault();

    bootbox.prompt("Are you sure you want to done the record?<br/>Write 'done' below to confirm!", function(result) {
        if(result !== null){
            result = result.toLowerCase();

            if(result === 'done') {
                /* submit your form, then... */
                bootbox.hideAll();

                // or $('.bootbox').modal('hide');
            } else {
                alert('please enter something in textbox');
            }
        } else {
            bootbox.hideAll();
        }
    });


    return false;
});

bootbox.prompt() 确认表单提交使用

bootbox.prompt() Confirm form submission using

jquery

twitter-bootstrap

twitter-bootstrap-3

bootbox