easyui validatebox设置默认值时去掉校验

最新推荐文章于 2021-09-02 17:27:08 发布

weixin_30663391

最新推荐文章于 2021-09-02 17:27:08 发布

阅读量618

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/wang-yi/p/9945459.html

版权

本文详细介绍了在使用EasyUI框架时，如何处理输入框的校验状态，包括校验失败时的样式调整及错误信息提示，以及校验成功后的样式清除。同时，提供了设置输入框默认值的代码示例，确保默认值符合校验规则。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//校验失败时
<input id="email" type="text" class="easyui-validatebox validatebox-text validatebox-invalid tooltip-f" name="email" >
    tooltip-f:当鼠标hover上去的时候，就会添加此类，用于提示错误信息！
//校验成功时
<input id="email" type="text" class="easyui-validatebox validatebox-text" name="email" >
    当验证通过时，则会将 validatebox-invalid tooltip-f 两个类移除。

当我们想给其设置默认值初始化时，
    前提：必须保证所设置的默认值符合校验规则。
    为了避免校验样式的存在。
    $("#email").val("123456@qq.com").removeClass("validatebox-invalid").removeClass("tooltip-f");
    如果在input 元素上自己没有添加设置过任何class,则可以$("#email").val("123456@qq.com").removeClass();