jquery控制textarea可显示的字数
在jquery中,可以先获得textarea对象内容,通过length属性来判断字数多少;然后使用if语句进行判断,当字数输入大于指定值时,进行提示“不能超过XX字”。
具体步骤:
在test.html文件的div标签内,创建一个10行30列的textarea输入框,并设置其id为textArea;然后创建span元素,用于实时字数的显示。
使用jquery给textarea元素绑定keyup事件,当输入文字时,执行function函数。
在函数内,通过length属性获得textarea输入文字的长度,使用text()方法在span标签内实时显示字数。
在函数内,使用if语句判断,当字数输入大于100时,提示“不能超过100字”,并且设置span标签字数显示100,同时截取100个字符显示在textarea中,超过的字符删除。
在浏览器打开test.html文件,输入文字,当文字超过100时,提示“不能超过100字”。
更多web前端知识,请查阅 HTML中文网 !!