Textareaフィールドに必要な属性がありますか

Question

textareaフィールドに有効性を確認するためにrequired属性があるかどうかを確認したいと考えています。ユーザーが送信をクリックすると、読み込み中の画像がポップアップ表示されます。検証メッセージが表示された後、画像が非表示になっていることを確認したい。以下のコード、

HTML

<textarea id="title" style="width:100%; name="title" required></textarea> 

jQueryのが

$("#submit").on("click",function() { 
    $("#loading").css("display", "block"); //display the image 
    return true; 
}); 

ある私はrequiredがtrueであるかどうかを確認する方法を知っている可能性があり、ロードイメージが非表示になります。私は以下のようにしようとしましたが、失敗した結果でした。

$("#submit").on("click",function() { 
    $("#loading").css("display", "block"); 
    return true; 

    if ($("#title").prop("required",true)) { 
     $("#loading").css("display", "none"); 
    } 
}); 

Answer 1

<script type="text/javascript"> 
    $("#submit").on("click",function() { 
    if ($("#title").val() != '') { 
     $("#loading").css("display", "none"); 
    } 
    else { 
     $("#loading").css("display", "block"); 
     setTimeout(function(){ $('#loading').fadeOut() }, 5000); 
    } 

}); 
</script> 

画像が表示される秒数。私は5秒間続けた。

Answer 2

あなたはupdating the required property instead get it using prop(''required)です。 requiredプロパティは、その後!trueが原因となりますがある場合場合にはここで

$("#submit").on("click",function() { 
    $("#loading").toggle(!$("#title").prop("required")); 
}); 

.toggle(!true)：requiredとして

if ($("#title").prop("required")) { 
    $("#loading").css("display", "none"); 
} 

Answer 3

あなたは.toggle(condition)の組み合わせでゲッターとして.prop()（一つの引数）を使用することができますプロパティです要素を非表示にする。