<!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" xml:lang="zh_cn" lang="zh_cn">
<head>
<script type="text/javascript"
src="<%=basePath%>admin/js/jquerys-1.5.1.js"></script>
<script type="text/javascript" >
$(document).ready(function(){//点击重置时是 使编辑器置空
$("#reset").click(function(){
CKEDITOR.instances.account.setData('');
});
为编辑器设置事件,当字符超过100个时,使提交按钮为disabled
CKEDITOR.instances["account"].on("instanceReady", function () {//为编辑器设置事件
this.document.on("blur", validateAddress);
});
function validateAddress() {
CKEDITOR.tools.setTimeout(function () {
var dsc = editor.document.getBody().getText();//得到ckeditor中的值
if(dsc.length>100){
alert("账号信息不能超过100个字符!");
$("#sub").attr("disabled","disabled");
}else{
$("#sub").removeAttr("disabled");
}
}, 0);
}
});
</script>
</head>
<body class="rbody" >
<br />
<form action="a" method="post" id="form1">
<div>
信息:<span id="daccount"></span>
<textarea cols="80" id="account" name="account" rows="10"></textarea>
<script type="text/javascript">
//<![CDATA[
var editor = CKEDITOR.replace('account');
//]]>
</script>
</div>
<div>
<p>
<input type="submit" value="提交" id="sub" />
<input type="reset" id="reset" value="重置" /> </p>
</div>
</div>
</form>
</body>
</html>