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

Question

我在我的项目中使用 SweetAlert2。我正在我的甜蜜警报输入类型文本中填充一个文本字段。我需要在提交之前用任何正则表达式检查它，如果它成功，它应该运行函数否则它应该显示一条错误消息。

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

如果有错误，会显示警报，但弹出窗口会在错误后消失。有人遇到过这样的问题吗？

Answer 1

看看下面的例子是否对你有帮助。

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>

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

Sweet Alert custom regex validation with proper message

javascript

jquery

sweetalert

sweetalert2