javascript - 检查任何输入或文本区域中的非法字符

Question

经过这里的帮助，解决方案以最简单的形式在 fiddle 中工作。但在实现的过程中却行不通。所以我已经添加了实际的代码和前面给出的解决方案。

我想要做的是检查输入框和文本区域中是否存在非法字符？摆弄实际代码就在这里。 Actual Code

$('.formsubfree').click(function () {
var str = $(this).prevAll("input, textarea").first().val();
if (/[%&<>\[\]{}]/.test(str) === true) {
    alert('These characters & < > [ ] { } % are not allowed.  Please remove them and try again.');
}
});

带有剥离 html 的早期解决方案位于 fiddle

谢谢

Answer 1

对于您当前的 HTML，我的建议是:

$('.formsubfree').click(function () {
    var invalid = ['%', '&', '<', '>', '[', ']', '{', '}'],
        validate = $(this).prevAll(':input').first();
    if (/[%&<>\[\]{}]/.test(validate.val())) {
        console.log("Yeah, these characters ('" + invalid.join(', ') + "') aren't allowed. So stop it.");
    }
});

JS Fiddle demo .

或者可能:

$('.formsubfree').click(function (e) {
    e.preventDefault(); // stop the submission of the form
    var validate = $(this).prevAll(':input').first(),
        found;
    if (/[%&<>\[\]{}]/.test(validate.val())) {
        found = validate.val().replace(/[^%&<>\[\]{}]/g,'').split('').join("', '");
        console.log(found);
        console.log("Yeah, these characters '" + found + "' aren't allowed. So stop it.");
    }
    else {
        // if no errors were found, submit the form:
        $('.formsubfree').closest('form').submit();
    }
});

JS Fiddle demo .

引用文献:

• :input selector .
• first() .
• prevAll() .
• val() .