Question

我正在尝试验证textarea，以便用户无法通过tinyMCE textarea添加新的空消息。

但它似乎没有用。

我做错了什么？

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>

Answer 1

是的，我找到了解决方案!!

来了：

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

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

Answer 2

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

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

这意味着使用ajax请求不时检查数据。

Answer 3

<强>解决方案

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
}

如何运作

使用带有选项'raw'（link）的TinyMCE内置函数会返回HTML和文本，但将 等实体转换为空格，这有助于更好地验证，例如明文中的 （也在修剪后）将无效空字符串测试。

然后自定义函数strip_tags删除HTML标记，为您提供明文，验证测试可以在该明文上运行并获得更多成功。

<强>积分

此解决方案的灵感源自@william's answer，通过documentation of TinyMCE，并得到phpjs.org的帮助。

使用tinyMCE验证textarea - jquery

3 个答案: