您的位置:首页 > 产品设计 > UI/UE

easyui-textbox添加validType使maxlength失效

2016-04-23 17:57 549 查看
今天在工作中发现了这个问题,先动态生成的textbox,添加最大长度maxlength限制,然后再添加约束发现最大长度约束没有了.
先动态添加一个textbox.
$(function(){
$("<input>",{type:'text',id:'append'}).appendTo($("<div></div>").append("后添加的:").appendTo(document.body)).textbox({required:true}).textbox('textbox').attr({maxlength:10});
});

效果如:

用火狐查看是具有maxlength属性的.
添加一个linkbutton,点击的时候给textbox添加email约束,发现maxlength属性没有了.
<br />
<a href="#" class="easyui-linkbutton" onclick="addValid()">添加约束</a>
<br />
function addValid(){
$("#append").textbox({validType:'email'});
}


猜测可能是在添加约束的时候调用 textbox({validType:'email'}); 导致重新解析了这个组件.代码改成如下就可以正常使用:
function addValid(){
$("#append").textbox('textbox').validatebox({validType:'email'});
}


以上是我在工作中遇到的问题,才疏学浅,欢迎大家共同讨论学习,谢谢!
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: