使用 tinyMCE 编辑器对文本框进行空格键按键验证答案

【问题标题】：Space bar key press validation for text box with tinyMCE editor使用 tinyMCE 编辑器对文本框进行空格键按键验证
【发布时间】：2011-12-15 11:58:51
【问题描述】：

我有一个 ascx 文件，我在其中使用带有 tinyMCE 编辑器的文本框。代码如下..

<asp:TextBox ID="txbDiag" TextMode="MultiLine" runat="server" Width="100%" Height="100px"/>
<acr3s:tinymceextender runat="server" ID="TinyMceExtender4" TargetControlID="txbDiag" Theme="Full"/>

像这样我使用 5 个带有 tinyMCE 扩展器的文本框

我正在尝试使用空格键验证我的文本框，如果有人打开我的页面并在文本框中单击空格键并单击 btn 保存，则它不应接受该值，并且错误字段不应为空。我用来验证的代码是

if (txbDiag.Text.Trim().Length <= 0)
{
   msgError.Text =  "<b><font Color=red>*" + "fields are mandatory"+"</font>";
   msgError.Focus();
   return false;
}

然后在 btn 点击我使用

txbDiag.Text.Trim();

但是在点击 btn 保存页面时正在保存。

我用的是js

<script type="text/javascript">
   function validate(e) {
    var unicode = e.charCode ? e.charCode : e.keyCode;

    if (unicode == 32) {
        return false;
    }
    else {
        return true;
    }
}
</script>

但这也行不通

我使用了正则表达式并要求字段验证也不会导致验证

如何通过空格键验证我的文本框帮助我？？？？

【问题讨论】：

空格键是键盘空格键
啊..好的。为什么不使用 tinymce API 提供的功能？顺便说一句。 tinymce 编辑器不在 textarea 内 - 它在自己的 contenteditable iframe 内
你能告诉我我应该使用哪个函数...

标签： c# asp.net tinymce

【解决方案1】：

好的，首先您需要知道 tinymce 不在文本框中。 Tinymce 将创建一个 contenteditable iframe 并在特殊事件时不时将内容写回指定的 html 元素（textareas、divs、ps、aso...）。所以抓 txbDiag.Text 不是很靠谱。我建议您使用 tinymce API 函数来获取内容以进行验证。

1.获得正确的编辑器使用

var my_editor = tinymce.get('txbDiag');

2.获取内容

var my_content = my_editor.getContent();

3. 内容验证：我不确定您要确切验证什么！（如果选择了空间、内容为空或其他内容 - 请准确描述）

如果你想验证输入是否为空，你可以使用

if ($(my_editor.getBody()).text() == '') alert('The input may not be empty!');

【讨论】：

【解决方案2】：

你为什么不在用户这边修剪它呢？我会像这样做 JS：

if (yourTextBoxInnerPart.trim() == "")
{
    //textBox is empty or filled with spaces..
}

【讨论】：

不，它没有验证我使用它
如果您有一个文本框，并且其中只有空格，那么.trim() 将无法正常工作。不过，输入空格，然后用 f.ex 查找。 IE中的F12复选框的值是什么。也许 TineMCE 将空格更改为 ?无论哪种方式查看文本框的值。

【解决方案3】：

if (Textbox1.Text.Replace("&nbsp;", "").Replace("<br />", "").Trim().Length <= 0)
{
    //Statement here
}

【讨论】：