您的位置：首页 > Web前端 > JQuery

jQuery Validate验证框架 + CKEditor 无法验证问题的解决方法

2012-02-23 14:42 676 查看

在jQuery Validate总是验证不通过，原因就是在 CKEditor 编辑器填写了内容之后，编辑器并不是立即把内容更新到原来的 textarea 元素中的

可以在提交表单之前进行如下修改

CKEDITOR.instances.content.updateElement();

html标签为：

<textarea class="ckeditor" name="content" rows="4" cols="30"></textarea>

完整html代码如下：

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<link href="${contextPath}/scripts/validate/jquery.validate.css" rel="stylesheet" type="text/css" /><script type="text/javascript" src="${contextPath}/scripts/jquery-1.4.4.js"></script>

<script type="text/javascript" src="${contextPath}/scripts/ckeditor/ckeditor.js"></script>

<script type="text/javascript" src="${contextPath}/scripts/validate/jquery.validate.js"></script>

<script>

var valdater;

jQuery(document).ready(function(){

valdater=jQuery("#form").validate({

errorPlacement: function(error, element) {

error.appendTo( element.siblings("span"));

},

meta:"validate",

rules:{

content:{

required: true

}

},

messages:{

content:{required:'<s:text name="label.input.message_cn_content" />'} }

});

});

function doSubmit(){

CKEDITOR.instances.content.updateElement();

if(valdater.form()){

document.notice_form.submit();

return true;

}

return false;

}

</script>

</head>

<body id="fbody">

<div id="iframe_warp">

<form name="notice_form" id="form" action="${contextPath}/operator/message_add.action" method="post">

<textarea class="ckeditor" name="content" rows="4" cols="30"></textarea</s:form>

<input type="button" class="s_button" onclick="return doSubmit();" value="<s:text name="label.submit" />"></input>

</form>

</body>

</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航