使用正确的消息进行Sweet Alert自定义正则表达式验证

时间:2017-10-25 07:08:49

标签: javascript jquery sweetalert sweetalert2

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

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

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

1 个答案:

答案 0 :(得分:2)

检查以下示例是否对您有帮助。



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>
&#13;
&#13;
&#13;