Javascript java脚本中的模式textarea返回未定义
我有js中的代码,用于检查Textarea中输入字符的正确性。 此代码不适用于批准 返回 未捕获的TypeError:无法读取未定义的属性“toLowerCase” 在Javascript java脚本中的模式textarea返回未定义,javascript,jquery,keyup,Javascript,Jquery,Keyup,我有js中的代码,用于检查Textarea中输入字符的正确性。 此代码不适用于批准 返回 未捕获的TypeError:无法读取未定义的属性“toLowerCase” 在$.each($(this).val().split(“\n”)中,函数(){ 未捕获的TypeError:无法读取未定义的属性“toLowerCase” 请帮忙 <body> <script type="text/javascript" src="http://code.jquery.com/jquery-1.
$.each($(this).val().split(“\n”)中,函数(){
未捕获的TypeError:无法读取未定义的属性“toLowerCase”
请帮忙
<body>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<table>
<tr>
<td>
<form method = 'post'>
<textarea style="width:50%" rows="5" onkeyup = "validateTextarea()" pattern="^[\x20-\x7F]+$" cols="40" ></textarea>
<input type = "button" value="Save" />
</form>
</td>
</tr>
</table>
<script>
function validateTextarea() {
var errorMsg = "Please match the format requested.";
var textarea = this;
var pattern = '^[\\x20-\\x7F]+$';
// 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 {
// Not supported by the browser, fallback to manual error display...
$(textarea).toggleClass('error', !!hasError);
$(textarea).toggleClass('ok', !hasError);
if (hasError) {
$('textarea').attr('title', errorMsg);
} else {
$(textarea).removeAttr('title');
}
}
return !hasError;
});
}
</script>
函数validateTextarea(){
var errorMsg=“请与请求的格式匹配。”;
var textarea=这个;
变量模式='^[\\x20-\\x7F]+$;
//检查每行文本
$.each($(this.val().split(“\n”),函数(){
//检查该行是否与模式匹配
var hasError=!this.match(模式);
if(typeof textarea.setCustomValidity==='function'){
textarea.setCustomValidity(hasError?errorMsg:“”);
}否则{
//浏览器不支持,返回到手动错误显示。。。
$(textarea).toggleClass('error',!!hasrerror);
$(textarea).toggleClass('ok',!hasError);
if(hasrerror){
$('textarea').attr('title',errorMsg);
}否则{
$(textarea).removeAttr('title');
}
}
返回!hasError;
});
}
您可以尝试使用
call
方法调用函数,并传递适当的上下文(textarea对象):
或者,最好添加事件侦听器:
$('textarea').on('keyup', function(e) {
validateTextarea();
});
$('textarea').on('keyup', function(e) {
validateTextarea();
});