bootstrapValidator验证百度Ueditor组件

     没有办法直接使用bootstrapValidator验证百度Ueditor组件,因为ueditor生成的编辑框都是DIV拼凑起来的,并不是textarea组件。于是换了一种思路,使用ue的内容改变事件:

var domUtils = UE.dom.domUtils;
	    ueditor.addListener('ready',function(){
	    	  //ueditor.focus(true);
   	          domUtils.on(ueditor.body,"keyup",function(){
   	        	 var count=ueditor.getContentLength(true);
   	        	 if (count>50 && count<4000) $("#contentErrorInfo").text("");
   	        });
   	    });

     当内容改变时,通过ue自带的文本长度API来判断是否合乎条件,当条件成立时去掉错误信息。

 另外,在提交表单时,验证ue的内容:

var count=ueditor.getContentLength(true);
if (count<50 || count >4000){
    $("#contentErrorInfo").text("参赛作文内容长度必须在50到4000位之间");
}
$('#defaultForm').data('bootstrapValidator').validate(); //手动验证表单,当是普通按钮时
var isValid =  $('#defaultForm').data('bootstrapValidator').isValid();

    需要说明的是错误信息的样式是从bootstrapValidator在界面生成后copy的:

<div id="contentError" class="form-group has-feedback has-error">
   <small class="help-block" data-bv-validator="notEmpty" data-bv-for="content" data-bv-result="INVALID" style="">
       <span id="contentErrorInfo"></span>                                
   </small>
</div>

 

 

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值