在后台管理系统开发中,easyUi是一个不错的框架,那么如何控制easyUi文本框内容的长度呢?只需要添加这个行代码即可data-options="validType:'length[4,20]'"
方法/步骤
1、新建一个html代码文件,然后引入jquery的css、js文件。如图
2、在html代码页面上找到<body>标签,在这个<body>挢旗扦渌;标签内创建一个文本输入框,天加eas烤恤鹇灭yUi的easyui-textbox类,然后使用:data-options="validType:'length[最小值,最大值]'"设置文本框可输入内容的长度。如图:代码:<inputtype="text"class="easyui-textbox"data-options="validType:'length[4,20]'"/>
3、使用浏览器打开,在文本框输入小于4个字符或者大于20个字符的内容就会出现提示。如图