代码之家 › 专栏 › 技术社区 › Ali Zia

带正确消息的Sweet Alert自定义正则表达式验证

sweetalert2 sweetalert jquery javascript

Ali Zia · 技术社区 · 7 年前

我正在使用 SweetAlert2 在我的项目中。我正在sweet alert输入类型文本中填充一个文本字段。我需要检查它与任何正则表达式之前提交,如果它是成功的,它应该运行的功能,否则它应该显示一个错误消息。

swal({
    title: 'Edit Breakdown Variable',
    input: 'text',
    inputValue: name,
    showCancelButton: true,
    confirmButtonText: 'Update',
}).then(function (email) {
    if(email == ''){
        alert('err');
    }
});

如果出现错误,则会显示警报,但弹出窗口随后消失。以前有人遇到过这样的问题吗?

1 回复 | 直到 7 年前

Limon Monte 7 年前

检查下面的例子,如果它对你有帮助。

swal({
    title: 'Edit Breakdown Variable',
    input: 'text',
    showCancelButton: true,
    confirmButtonText: 'Update',
    preConfirm: function (email) {
        return new Promise(function (resolve, reject) {
            setTimeout(function () {
                if (email === '') {
                    alert("err");
                    reject('err')
                } else {
                    resolve()
                }
            }, 1000)
        })
    },
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bluebird/3.3.4/bluebird.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/6.11.0/sweetalert2.min.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/6.11.0/sweetalert2.min.js"></script>