jquery - 在项目详细信息页面中运行 jQuery

Question

我正在尝试使用 Project Server 2010 限制项目详细信息页面 (PDP) 中“项目注释”自定义字段的长度。我在添加到 PDP 的内容编辑器 Web 部件中使用以下 jQuery：

<script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script>
<script>
    $(document).ready(function(){ 
        var textArea = $("textarea[title$='Project Notes']");
        textArea.keypress(function() 
        { 
            var text = textArea.text();
            if(text.length > 10) 
            { 
                alert("Project Notes cannot exceed 100 characters in length."); 
                textArea.val(text.substring(0,9)); 
            } 
        }); 
    });
</script>

但是，当用户在文本区域中键入时，什么都没有发生。事件不会触发。我尝试了对代码的各种修改，但结果相同。请让我知道我错过了什么。

谢谢你。

Answer 1

您可以使用maxlengthhtml 元素的属性。

<textarea maxlength="10" rows='5' cols='25'></textarea>

如果我们使用您的脚本，则使用.val()而不是.text(). 表单元素确实具有您必须输入文本的值。无论是input type text还是textarea。

var textArea = $("textarea[title$='Project Notes']");
textArea.keypress(function () {
   var text = textArea.val();
   if (text.length > 10) {
      alert("Project Notes cannot exceed 100 characters in length.");
      textArea.val(text.substring(0, 9));
   }
});

你可以在这里尝试一下

Answer 2

我已将文本区域更改为文本框，并且事件开始正常触发。