想要将文本编辑器设置为必需的文本区域，但不工作 - Wanted to make textarea with text editor set to required but won't work

Wanted to make textarea with text editor set to required but won't work

我创建了一个简单的带有textarea的页面，当textarea为空时需要使用。

<div class="control-group hidden-phone">
  <label class="control-label" for="textarea2"></label>
    <div class="controls">
      <textarea class="cleditor" id="textarea2" rows="3" name="isi_visimisi" required><?php echo $data['isi_visimisi'] ?></textarea>
    </div>
</div>

当我在文本区域为空的条件下按下提交按钮时，它不会显示任何需要填充文本区域的警告

这可能会让你开始:

$('textarea').blur(function(){
  if (this.value.length) $(this).removeAttr('required');
  else $(this).attr('required', 'required');
});
$('button').click(function(){
  var attr = $('textarea').attr('required');
  if (typeof attr == 'undefined' && attr !== false) alert('No required attribute');
  else alert('Textarea has required attribute');
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="control-group hidden-phone">
  <label class="control-label" for="textarea2"></label>
    <div class="controls">
      <textarea class="cleditor" id="textarea2" rows="3" name="isi_visimisi" >Default text in field</textarea>
    </div>
</div>
<button>TEST: Does textarea have required attribute?</button>

如果它有任何内容，包括空白，它将通过检查。$data['isi_visimisi']是任意长度的字符串吗?

此外，您必须有一个提交按钮，这工作。如果你是通过JavaScript或其他方式提交表单，HTML5 required关键字将不起作用。

您似乎正在使用编辑器。编辑器将初始文本区域设置为隐藏，并提供自己的html来构建文本编辑器。当您提交表单时，警报会附加到您的隐藏文本区域，因此您无法看到它。