论坛 › Web开发 › jQuery validation 与 tinyMCE兼容

中关村村草 发表于 2012-01-12 11:32

jQuery validation 与 tinyMCE兼容

jQuery validation 与 tinyMCE兼容 <script type="text/javascript" src="../../lib/jquery.js"></script>
<script type="text/javascript" src="../../jquery.validate.js"></script>
<script type="text/javascript" src="tiny_mce.js"></script>
<script type="text/javascript">
    tinyMCE.init({
      mode : "textareas",
      theme : "simple",
      // update validation status on change
      onchange_callback: function(editor) {
            tinyMCE.triggerSave();
            $("#" + editor.id).valid();
      }
    });
    $(function() {
      var validator = $("#myform").submit(function() {
            // update underlying textarea before submit validation
            tinyMCE.triggerSave();
      }).validate({
            rules: {
                title: "required",
                content: "required"
            },
            errorPlacement: function(label, element) {
                // position error label after generated textarea
                if (element.is("textarea")) {
                  label.insertAfter(element.next());
                } else {
                  label.insertAfter(element)
                }
            }
      });
      validator.focusInvalid = function() {
            // put focus on tinymce on submit validation
            if( this.settings.focusInvalid ) {
                try {
                  var toFocus = $(this.findLastActive() || this.errorList.length && this.errorList.element || []);
                  if (toFocus.is("textarea")) {
                        tinyMCE.get(toFocus.attr("id")).focus();
                  } else {
                        toFocus.filter(":visible").focus();
                  }
                } catch(e) {
                  // ignore IE throwing errors when focusing hidden elements
                }
            }
      }
    })
</script>

我是软件狂 发表于 2012-01-12 11:32

谢谢分享

查看完整版本: jQuery validation 与 tinyMCE兼容