• 使用bootstrap中的bootstrapValidator,验证ckeditor富文本框不为空


    引入js

     <script src="/components/ckeditor/ckeditor.js" type="text/javascript"></script>
       <script src="/components/ckeditor/adapters/jquery.js" type="text/javascript"></script>

    1.jsp页面

      <textarea id="moduleDescribe" name="moduleDescribe"></textarea>

    2,js

    $('#moduleForm').bootstrapValidator({
          message: '此值没有被验证',
         //excluded:[":hidden",":disabled",":not(visible)"] ,//bootstrapValidator的默认配置
          excluded: [':disabled'],    //关键配置,表示只对于禁用域不进行验证,其他的表单元素都要验证
            feedbackIcons: {
                valid: 'glyphicon glyphicon-ok',
                invalid: 'glyphicon glyphicon-remove',
                validating: 'glyphicon glyphicon-refresh'
            },
        fields: {/*验证:规则*/                           
            moduleDescribe: {//验证input项:验证规则
                  message: '此描述无效',               
                  validators: {
                      notEmpty: {//非空验证:提示消息
                          message: '详情介绍不能为空'
                      }
                  }
              }
        }
    })
    .on('success.form.bv', function(e) {//点击提交之后
          // Prevent form submission
            e.preventDefault();
            // Get the form instance
            var $form = $(e.target);
            // Get the BootstrapValidator instance
            var bv = $form.data('bootstrapValidator');
            // Use Ajax to submit form data
            //此处调用提交方法
            
             
    })
    .find('[name="moduleDescribe"]').ckeditor().editor.on('change', function(){
        $('#moduleForm').bootstrapValidator('revalidateField', 'moduleDescribe');
    });

    标记为红的地方,都为验证富文本编辑器所必须要的代码(验证时已经启用了ckeditor,所以在textarea中不需要再class="ckeditor")

    
    
    
    
    
    
  • 相关阅读:
    Java的注释,标识符,标识符的命名规范
    Java入门程序(Java的开发流程)
    EasyMock使用总结
    【转载】 Java并发编程:深入剖析ThreadLocal
    java.util.Stack类中的peek()方法
    Jquery和Ajax
    关于HTTP协议及SOCKET通信
    (转载)session token机制
    TCP/IP知识总结(TCP/IP协议族读书笔记四)
    TCP/IP知识总结(TCP/IP协议族读书笔记三)
  • 原文地址:https://www.cnblogs.com/chen-yun/p/7505791.html
Copyright © 2020-2023  润新知