テキストエディタでテキストエリアを必須に設定したいが動作しないようにしたい

Question

テキストエリアが空のときに必要な条件付きのテキストエリアを持つ単純なページを作成しました。私は、テキストエリアが空であることを条件と送信ボタンを押すと、それはテキストエリアは、それが空白を含む任意のコンテンツを、持っている場合は、それが通過します

Answer 1

は、これはあなたが始めるかもしれません：

$('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>

Answer 2

を充填する必要があることをすべてのアラートを表示しません

<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> 

小切手$ data ['isi_visimisi']は任意の長さの文字列ですか？

また、これを機能させるには、送信ボタンが必要です。 JavaScriptやその他の手段でフォームを送信している場合、HTML5の必須キーワードは機能しません。

Answer 3

CLEditorを使用しているようです。エディタは最初のテキストエリアを非表示に設定し、独自のhtmlを提供してテキストエディタを構築します。あなたのフォームを送信すると、アラートはあなたの隠されたテキストエリアに添付され、あなたはそれを見ることができません。