我正在尝试验证textarea onkeyup(实时)。目标是只允许以这个字符开头的单词:" ch或Ch"。我把一些代码放在一起,但它不起作用,我不知道出了什么问题......
<form method="post">
<textarea name="test" pattern="ch+" id="test" onkeyup="validateTextarea"></textarea>
</form>
function validateTextarea() {
var errorMsg = "Please match the format requested.";
var textarea = this;
var pattern = new RegExp('^' + $(textarea).attr('pattern') + '$');
// check each line of text
$.each($(this).val().split("\n"), function () {
// check if the line matches the pattern
var hasError = !this.match(pattern);
if (typeof textarea.setCustomValidity === 'function') {
textarea.setCustomValidity(hasError ? errorMsg : '');
} else {
$(textarea).toggleClass('error', !!hasError);
$(textarea).toggleClass('ok', !hasError);
if (hasError) {
$(textarea).attr('title', errorMsg);
} else {
$(textarea).removeAttr('title');
}
}
return !hasError;
});
}
这是小提琴:https://jsfiddle.net/jbtRU/93/
我想要做的是禁用textarea中的所有单词,并且只允许以&#34; Ch&#34;开头的单词。或&#34; ch&#34; ...
答案 0 :(得分:0)
您需要绑定keyup事件,如下所示 看工作小提琴https://jsfiddle.net/jbtRU/106/
$(function() {
$('#test').on('keyup', function(e) {
e.preventDefault();
var errorMsg = "Please match the format requested.";
var textarea = $(this);
var pattern = new RegExp('^' + $(textarea).attr('pattern') + '$');
$.each(textarea.val().split("\n"), function (key, value) {
// check if the line matches the pattern
var hasError = !value.match(pattern);
if (typeof textarea.setCustomValidity === 'function') {
textarea.setCustomValidity(hasError ? errorMsg : '');
} else {
$(textarea).toggleClass('error', !!hasError);
$(textarea).toggleClass('ok', !hasError);
if (hasError) {
$(textarea).attr('title', errorMsg);
} else {
$(textarea).removeAttr('title');
}
}
return !hasError;
});
});
});