javascript - 如果出现警报，则停止重定向页面

Question

我在这里看到很多问题，但没有人解决我的问题。

我有一个表单和一个保存按钮，当单击保存按钮时，它首先运行一个脚本来检查是否使用了坏词。如果文本包含不良单词，它会显示一个警报。当我单击警报的ok时，它会执行save按钮的待处理操作，然后重定向到主页。

我的代码

<script type="text/javascript">
$(document).delegate('.btn-save-template', 'click', function() {
    var text = $('#input-message').val().toLocaleLowerCase(); 
    var bad_words = ['bad', 'sex', 'fuck you', 'fuckyou', 'murder', 'rap']; // Bad Words

    if((new RegExp( '\\b' + bad_words.join('\\b|\\b') + '\\b') ).test(text)){
        alert('Sorry, you are not allowed to use bad words');
    }
});
</script>

但是，我想在警报后留在同一页面，以便用户可以删除坏词并再次单击“保存”按钮。

Answer 1

将提交类型的按钮替换为按钮类型，以禁用浏览器的表单处理。

<input type="button" class="btn-save-template" value=...>

当用户单击按钮时，如果所有测试均成功通过，则从脚本提交表单。

<script type="text/javascript">
$(document).delegate('.btn-save-template', 'click', function() {
    var text = $('#input-message').val().toLocaleLowerCase(); 
    var bad_words = ['bad', 'sex', 'fuck you', 'fuckyou', 'murder', 'rap']; // Bad Words

    if((new RegExp( '\\b' + bad_words.join('\\b|\\b') + '\\b') ).test(text)){
        alert('Sorry, you are not allowed to use bad words');
    } else {
        this.form.submit();
    }
});
</script>