如果条件为假，隐藏第二个模态

hide second modal if condition is false

本文关键字：隐藏 第二个 模态 条件 如果      更新时间：2023-09-26

我有2模态，我检查第一模态的形式验证，如果文本框的条目是空的。第二模态不应该显示。我做不到。用户是我的第一个模态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>

在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;
}
相关文章：