使用tinyMCE验证textarea - jquery

我想验证一个textarea，所以用户不能通过tinyMCE textarea添加一个新的空消息。使用tinyMCE验证textarea - jquery

但它似乎并没有工作。

我在做什么错了？

JS：

var msg = $("#msg"); 
     if(msg.val() == ''){ 
      $("#msg_error").html("* Can't add an empty message"); 
     }

textarea的

<textarea rows="5" cols="35" id="msg"></textarea>

来源

2010-01-06 william

在TinyMCE的textarea的并不总是纯粹空，althuogh你什么也看不到，TinyMCE的自动添加的HTML textarea的。这意味着textarea将包含像<p> </p>这样的html代码。你必须做的是使用PHP的strip_tags函数删除HTML和测试后空虚。祝你好运。

$texttostrip = strip_tags($_POST['formdata']); 
if($texttostrip != "") echo "Empty Field";

这意味着使用ajax请求来检查数据，然后每隔一段时间。

来源

2010-01-06 11:08:05 jpalala

thx很多，这个答案是有用的:) – william 2010-01-09 14:01:35

你可以通过使用PHP的'strip_tags'等效于JavaScript [可在这里]（http://phpjs.org/functions/strip_tags/）来保存ajax调用，并且还提到了我的[回复]（http://stackoverflow.com/a/24408485/216084）。 – 2014-06-26 05:55:08

是的，我找到了解决办法！

这里说到：

var content = tinyMCE.get('msg').getContent(); // msg = textarea id 

if(content == "" || content == null){ 
      $("#msg_error").html("* Can't add an empty message"); 
     }

来源

2010-01-06 11:02:57 william

上帝保佑你！哈哈 – 2015-01-20 09:29:00

解

var msg = strip_tags(tinyMCE.get('msg').getContent({format: 'raw'})); // msg = textarea id

凡strip_tags()是如下面所定义所需自定义函数：

function strip_tags(input, allowed) { 
     // discuss at: http://phpjs.org/functions/strip_tags/ 
     // original by: Kevin van Zonneveld (http://kevin.vanzonneveld.net) 
     // improved by: Luke Godfrey 
     // improved by: Kevin van Zonneveld (http://kevin.vanzonneveld.net) 
     // input by: Pul 
     // input by: Alex 
     // input by: Marc Palau 
     // input by: Brett Zamir (http://brett-zamir.me) 
     // input by: Bobby Drake 
     // input by: Evertjan Garretsen 
     // bugfixed by: Kevin van Zonneveld (http://kevin.vanzonneveld.net) 
     // bugfixed by: Onno Marsman 
     // bugfixed by: Kevin van Zonneveld (http://kevin.vanzonneveld.net) 
     // bugfixed by: Kevin van Zonneveld (http://kevin.vanzonneveld.net) 
     // bugfixed by: Eric Nagel 
     // bugfixed by: Kevin van Zonneveld (http://kevin.vanzonneveld.net) 
     // bugfixed by: Tomasz Wesolowski 
     // revised by: Rafał Kukawski (http://blog.kukawski.pl/) 
     // example 1: strip_tags('<p>Kevin</p> <br /><b>van</b> <i>Zonneveld</i>', '<i><b>'); 
     // returns 1: 'Kevin <b>van</b> <i>Zonneveld</i>' 
     // example 2: strip_tags('<p>Kevin <img src="someimage.png" onmouseover="someFunction()">van <i>Zonneveld</i></p>', '<p>'); 
     // returns 2: '<p>Kevin van Zonneveld</p>' 
     // example 3: strip_tags("<a href='http://kevin.vanzonneveld.net'>Kevin van Zonneveld</a>", "<a>"); 
     // returns 3: "<a href='http://kevin.vanzonneveld.net'>Kevin van Zonneveld</a>" 
     // example 4: strip_tags('1 < 5 5 > 1'); 
     // returns 4: '1 < 5 5 > 1' 
     // example 5: strip_tags('1 <br/> 1'); 
     // returns 5: '1 1' 
     // example 6: strip_tags('1 <br/> 1', '<br>'); 
     // returns 6: '1 <br/> 1' 
     // example 7: strip_tags('1 <br/> 1', '<br><br/>'); 
     // returns 7: '1 <br/> 1' 

     allowed = (((allowed || '') + '') 
     .toLowerCase() 
     .match(/<[a-z][a-z0-9]*>/g) || []) 
     .join(''); // making sure the allowed arg is a string containing only tags in lowercase (<a><b><c>) 
     var tags = /<\/?([a-z][a-z0-9]*)\b[^>]*>/gi, 
     commentsAndPhpTags = /<!--[\s\S]*?-->|<\?(?:php)?[\s\S]*?\?>/gi; 
     return input.replace(commentsAndPhpTags, '') 
     .replace(tags, function($0, $1) { 
      return allowed.indexOf('<' + $1.toLowerCase() + '>') > -1 ? $0 : ''; 
     }); 
    }

然后，可以执行对可变msg例如所需的验证检查它是否为空：

if (msg == '') { 
    // TinyMCE is blank 
}

如何使用

将TinyMCE的内置功能与选项'raw'（link）返回HTML和文本，但与像 实体转换为空间，这有助于在更好的验证，例如 明文（修剪后也）将失败空字符串测试。

然后，自定义功能strip_tags删除HTML标签，为您提供可以运行验证测试并取得更大成功的明文。

现金

该方案已从@william's answer启发，通过documentation of TinyMCE去，并与phpjs.org一些帮助。

来源

2014-06-25 12:18:29

使用tinyMCE验证textarea - jquery

回答

相关问题