Java脚本中的图案Textarea返回未定义

我在JS中具有代码，该代码是检查TextArea中输入字符的正确性。该代码没有工作。

untureck typeError：无法阅读未定义的属性'tolowercase'

在$.each($(this).val().split("n"), function () {

中

untureck 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>

您可以尝试使用call方法调用该函数，传递适当的上下文（Textarea对象）：

onkeyup="validateTextarea.call(this)"

或最好添加事件侦听器：

$('textarea').on('keyup', function(e) {
    validateTextarea();
});

相关内容

最新更新

热门标签：