TinyMCE和HTML5表单验证

我在Rails应用程序中使用TinyMCE.在我的表单中,我有一个TinyMCE的“description”字段,该字段对于表单验证是必需的.

但是当我尝试提交表单时,我不能,因为HTML5表单验证.我的浏览器(Chrome和Firefox)告诉我该字段为空.我还有另一个问题.当Chrome显示空字段的对话框时,它会显示在我的页面顶部,而不是我的表单字段附近.

解决方法

FF显示所需fileld的气泡,但在错误的地方,Chrome会抛出错误,因为它无法找到显示气泡的字段..所以我的解决方案是禁用display：none样式由TinyMCE设置并减小字段大小并使其可见性隐.这样浏览器将在此字段旁边显示气泡,因为此字段位于TinyMCE编辑器旁边,用户将知道缺少必填字段.

textarea.tinymce {
	background: transparent;
	border: none;
	Box-shadow: none;
	display: block !important;
	height: 0;
	resize: none;
	width: 0;
	visibility: hidden;
}