Feld "Textarea" auf "Erforderliche Attribute" prüfen

Question

Ich möchte prüfen, ob ein textarea-Feld das Attribut required zu Validierungszwecken enthält. Wenn der Benutzer auf "Senden" klickt, wird das Ladebild angezeigt. Ich möchte sicherstellen, dass das Bild ausgeblendet wird, nachdem die Bestätigungsmeldung angezeigt wird. Im Folgenden sind die Codes,

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; 
}); 

Darf ich wissen, wie man überprüfen, ob die requiredtrue ist, wird das Laden Bild versteckt werden. Ich habe versucht, wie unten zu tun, aber mit scheitern Ergebnis.

$("#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> 

Wie viele Sekunden dieses Bild angezeigt werden soll. Ich blieb fünf Sekunden lang.

Answer 2

Sie sind updating the required property instead get it using prop(''required).

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

Answer 3

Als required ist eine Eigenschaft, die Sie .prop() als Getter (wenn einzelne Argument) mit Kombination von .toggle(condition) verwenden:

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

Hier .toggle(!true) im Falle, wenn es required Eigenschaft dann !true verursachen um das Element zu verstecken.