Question

克隆的带有jquery easyUI的格式的文本验证框的功能有缺失，如何解决？

我的一个表单，其中的文本输入框应用了jquery easyUI的validatebox来进行验证，HTML代码如下：<input type="text" class="name easyui-validatebox" data-options="validType:'minLength[2]'" required="true" title="请输入姓名">，这个静态元素的jquery easyUI验证功能正常。但是当我克隆这个input后，生成的input副本的功能不全，比如，原静态元素当鼠标悬停在其上时，会有提示信息出现，当在输入框中按下按键时，就会调用data-options中的方法，验证信息出现，当输入符合验证时，这个输入框的颜色就会变成默认的白色。
以上的行为，克隆元素都没有，也就是说easyUI的方法没有应用到克隆的元素上，另外用ajax动态生成的input元素，easyUI的方法也没有应用到上面。求解决！！！

鼠标悬停在静态input上有提示信息：

克隆元素即便获得焦点也没有提示信息：

在静态input中输入信息是，会有验证信息出现

克隆元素没有

在静态input中输入正确，其样式会变为正常

克隆元素输入正确时，其样式不正确

用ajax生成的input元素其功能也不正常





Answer 1

easyui 有一个重新渲染组件的方法试试：
var targetObj = $("XXXdiv");
$.parser.parse(targetObj);//重现渲染组件

追问

非常感谢大神，我弄出来了。我还想问一个问题，就是我的form表单中的控件只有文本框是用easyUI定义的，其他的像下拉框什么的我没用easyUI，我想问一下，如果我不用easyUI的表单提交，而是用自己的，那么我想对这些easyUI文本框进行验证，是否用$('文本框').form('validate')?

追答

自己验证的话，那就是获取值然后自己判断了，你写的这个还是easyui的验证

var aaa = $('文本框').val();

if(aaa==''){
alert("XXX");

}