【问题标题】:RadEditor Validation message going only after postbackRadEditor 验证消息仅在回发后发送
【发布时间】:2012-08-13 07:52:59
【问题描述】:

我有一个带有必填字段验证器的 RadEditor。必填字段验证的错误消息仅在回发后才会消失。在 radeditor 中输入任何文本后,它并没有消失。

我尝试为 onblur 事件编写 javascript 并隐藏错误消息。但它在 IE8 中没有按预期工作。一旦我输入任何文本,错误消息就会消失,但如果我删除文本并将 radditor 再次设为空白,我将不会再次收到错误消息。因此,它没有正确验证必填字段。

我为“onblur”事件编写的javascript:

function DisableRequiredMessage(editor, args) {
var element = document.all ? editor.get_document().body : editor.get_document();
$telerik.addExternalHandler(element, "blur", function(e) {
var editor1 = $find("ctl00_ContentPlaceHolder1_ContractExpirationAlertEditor");
var message1 = editor1.get_html();
if (message1 == '<br>' || message1 == '<p>&nbsp;</p>') 
document.getElementById('ctl00_ContentPlaceHolder1_spnEmailBody').style.display = 'block';
else                               
document.getElementById('ctl00_ContentPlaceHolder1_spnEmailBody').style.display = 'none';
});
}

我也试过比较文本的长度并做同样的事情:

var editor2 = $find("ctl00_ContentPlaceHolder1_ContractPendingEContractEditor");
var message2 = editor2.get_text();
if (message2.length > 1) 
document.getElementById('<%=spnContrPendngEmail.ClientID %>').style.display = 'none';

if (message2.length == 0 || message2.length == 1) 
document.getElementById('<%=spnContrPendngEmail.ClientID %>').style.display = 'block';

【问题讨论】:

  • 在哪里调用 DisableRequiredMessage 函数?
  • 在 radeditor onclientload 事件中。

标签: c# javascript asp.net telerik radeditor


【解决方案1】:

您可以附加到keydown eventOnClientSelectionChange 事件并检查内容区域是否为空。如果为空,则显示错误消息。

【讨论】:

  • 非常感谢。这很有帮助。我尝试使用 Keydown 事件并成功了。
  • 问题甚至是按键事件,我必须获取 radeditor 的内容。如果内容为空,我应该显示所需的错误消息。当我在删除所有文本后检查 radeditor 中的文本长度时,它在 IE 中显示的长度为 6/13(而不是 0)。我尝试使用 get_html() 检查 html 文本。它显示存在

     


    。当我试图将文本与此
    等进行比较时(如上一篇文章中的代码所述),IE 中根本没有执行循环。但同样在 Mozilla 中运行良好。
  • 主要问题:“RequiredField 错误消息”仅在回发后消失。不是在我们在 teh rad 编辑器中输入任何文本之后。我试过的解决方案:在“onblur”或“Keypress”事件中,比较文本的长度或在比较存在的html文本的相同事件中。如果 html 类似于
    或  ,则尝试隐藏错误消息。但解决方案(比较长度和 html 文本)在 IE 和 Moz 中均失败。有时它会将 radeditor 中的 html 显示为
    但仍然没有隐藏错误消息。请提出一些解决方案。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2015-12-23
  • 1970-01-01
  • 1970-01-01
  • 2018-08-29
  • 2021-04-05
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多