Question

我有2个模态，我检查第一个模态的形式验证，如果文本框的条目是空的。不应该显示第二个模态。我不能这样做。 user是我的第一个模态的id，权限是我的第二个模态的id。 java脚本代码：

function valid() {
    var bool = true;

    var pt = /^[\w.]+@[a-z0-9-]+\.[a-z]{2,6}/i;
    var email = document.getElementById('email').value;
    if (!pt.test(email)) {

        bool = false;
    }

    var name = document.getElementById('name').value;
    if (name.length < 1) {
        bool = false;
    }

    return bool;
}
$("#btn1").click(function() {
    var bool = valid();

    if (bool == false) {
        $('#permission').modal('hide');
    } else {
        $('#user').modal('hide');
        $('#permission').modal('show');
    }


});

我的HTML代码：

<form onsubmit="return valid()">
    <button role="button" class="btn btn-default" data-toggle="modal" data-target="#permission" id="btn1">set permission</button>

Answer 1

在valid（）函数中尝试这个怎么样？

function valid() {
    var pt = /^[\w.]+@[a-z0-9-]+\.[a-z]{2,6}/i;
    var email = document.getElementById('email').value;
    var name = document.getElementById('name').value;

    return pt.test(email) && name.length>1;
}

如果condition为false，则隐藏第二个模态

1 个答案: