为什么这些确认模式没有出现？答案

【问题标题】：Why these confirmation modal is not showing up?为什么这些确认模式没有出现？
【发布时间】：2014-05-19 14:18:47
【问题描述】：

我使用了一个使用引导程序的模板。我在显示模式时遇到问题。

表单有一个 jquery 验证，如果一切正常，那么当点击提交时，应该会出现一个确认模式，询问用户是否确定要存储该信息。如果表单未通过验证，则会出现一条简单的消息。对于提到的操作，我构建了这个：

    <form action="#" id="form_sample_2" class="form-horizontal">
        <div class="alert alert-error hide">
            <button class="close" data-dismiss="alert"></button>Existen errores en el formulario. Por favor verifique.</div>
        <!-- modal -->
        <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel3" aria-hidden="true">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                <h3 id="myModalLabel3">Cargar Usuario</h3>

            </div>
            <div class="modal-body">
                <p></p>
            </div>
            <div class="modal-footer">
                <button class="btn" data-dismiss="modal" aria-hidden="true">Cerrar</button>
                <button data-dismiss="modal" class="btn green" id="btnYes">Confirmar</button>
            </div>
        </div>
        <!-- end modal -->
    </form>

如您所见，模态和错误消息具有“隐藏”属性...

js文件：

var handleValidation2 = function () {
        // for more info visit the official plugin documentation: 
        // http://docs.jquery.com/Plugins/Validation

        var form2 = $('#form_sample_2');
        var error2 = $('.alert-error', form2);
        var success2 = $('#myModal', form2);

        //IMPORTANT: update CKEDITOR textarea with actual content before submit
        form2.on('submit', function () {
            for (var instanceName in CKEDITOR.instances) {
                CKEDITOR.instances[instanceName].updateElement();
            }
        })

        form2.validate({
            errorElement: 'span', //default input error message container
            errorClass: 'help-inline', // default input error message class
            focusInvalid: false, // do not focus the last invalid input
            ignore: "",
            rules: {
                //some code
            },
            submitHandler: function (form) {
                success2.show();
                error2.hide();
            }
            //some code

在这个 sn-p 上，如果表单没有通过验证，那么 error2.hide() 函数会显示警报错误消息。

当 success2.show() 函数应该显示确认模式时表单通过验证时出现问题，但它没有这样做。当表单正常时什么都没有出现，我想知道我做错了什么。

非常感谢任何帮助。

【问题讨论】：

首先要做的事：它是否真的进入了 submitHandler 函数？
@MarloC 当表单未通过验证时，错误消息出现成功。在表单成功的情况下不显示任何内容。所以我猜它可以提交处理函数

标签： javascript jquery forms validation twitter-bootstrap

【解决方案1】：

用success2.modal('show')代替success2.show();

这应该可以解决您的问题

【讨论】：

它确实修复了它。谢谢

【解决方案2】：

submitHandler: function (form) {
                success2.removeAttr('aria-hidden');
                success2.show();
                error2.hide();
}

您是否尝试删除 att aria-hidded。希望对你有用

【讨论】：