Retire value from tinyMCE when jQuery validate valid() invoked
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm2.aspx.cs" Inherits="superspace.usercontrols.WebForm2" ValidateRequest="false" %>
<!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 runat="server">
<title>tinyMCE + jQuery validate</title>
<!-- jQuery -->
<script src="<%=VirtualPathUtility.ToAbsolute("~/")%>js/jquery-1.6.2.min.js" type="text/javascript"></script>
<!-- jQuery validate + metadata -->
<script src="<%=VirtualPathUtility.ToAbsolute("~/")%>js/jquery.validate/jquery.metadata.min.js" type="text/javascript"></script>
<script src="<%=VirtualPathUtility.ToAbsolute("~/")%>js/jquery.validate/jquery.validate.min.js" type="text/javascript"></script>
<script src="<%=VirtualPathUtility.ToAbsolute("~/")%>js/jquery.validate/jquery.validate.ext.min.js" type="text/javascript"></script>
<!-- tinyMCE Editor -->
<script src="<%=VirtualPathUtility.ToAbsolute("~/")%>js/tiny_mce/tiny_mce.js" type="text/javascript"></script>
<script src="<%=VirtualPathUtility.ToAbsolute("~/")%>js/tiny_mce/jquery.tinymce.js" type="text/javascript"></script>
<style type="text/css">
body
{
font-size: smaller;
}
</style>
<script type="text/javascript">
$(function () {
$('.txtContent').tinymce({
theme: "advanced",
language: "zh",
theme_advanced_toolbar_location: "top",
theme_advanced_toolbar_align: "left",
theme_advanced_statusbar_location: "bottom",
theme_advanced_resizing: true
});
$(document.forms).validate();
});
function confirmUpdate() {
if (typeof (tinyMCE) != 'undefined') tinyMCE.triggerSave();
if (!$(document.forms).valid()) return false;
return true;
}
</script>
</head>
<body>
<form id="form1" runat="server">
<h3>
Force tinyMCE editor to save content to control, avoid validate error when valid() has been invoked;</h3>
<table border="0">
<tr>
<td>
<b style="color: Red;">*</b>標題
</td>
<td>
<asp:TextBox ID="txtTitle" runat="server" CssClass="{required:true,messages:{required:'請填寫標題!'}}" />
</td>
</tr>
<tr>
<td valign="top">
<b style="color: Red;">*</b>內容
</td>
<td>
<asp:TextBox ID="txtContent" runat="server" TextMode="MultiLine" Width="100%" Rows="15" CssClass="txtContent {required:true,messages:{required:'請填寫內容!'}}" />
</td>
</tr>
<tr>
<td align="center" colspan="2">
<asp:Button ID="btnSubmit" runat="server" Text="儲存" OnClientClick="return confirmUpdate();" />
</td>
</tr>
</table>
</form>
</body>
</html>
Posts
