Проверка HTML5 - действительна, когда значение НЕ равно определенной строке

Question

У меня есть html-вход, который требуется, и я динамически устанавливаю шаблон для ввода с помощью jQuery, например:

let theString = 'test'

$('input[name="string"]').attr("pattern", theString)

это работает нормально, ввод действителен только тогда, когда его значение точно равно: test

Как я могу сделать обратное? Я хотел бы, чтобы оно действовало только в том случае, если значение отличается от test

Answer 1

Мы можем использовать отрицательный прогноз , чтобы изменить это регулярное выражение. Имейте в виду, что есть еще очень простые способы обойти это, и вы должны полагаться на проверку бэкэнда, а не на проверку внешнего интерфейса при отправке форм.

<form>
    <input type="text" name="string" required/>
    <button type="submit">Submit</button>
</form>

<script>
    $(function() {
        let theString = '^(?!test$).*';

        $('input[name="string"]').attr("pattern", theString);
    });
</script>