it-swarm.com.de

jQuery Add für Eingabefelder erforderlich

Ich habe nach Möglichkeiten gesucht, wie jQuery mithilfe der HTML5-Validierung automatisch in alle meine Eingabefelder geschrieben werden kann, aber ich kann nicht sagen, wo ich es schreiben soll.

Ich möchte das nehmen

 <input type="text" name="first_name" value="" id="freeform_first_name"
 maxlength="150">

und lassen Sie es automatisch erforderlich vor dem schließenden Tag hinzufügen

 <input type="text" name="first_name" value="" id="freeform_first_name"
 maxlength="150" required>

Ich dachte, ich könnte etwas in der Art von tun

$("input").attr("required", "true");

Aber es geht nicht. Jede Hilfe wird sehr geschätzt.

134
Miura-shi
$("input").prop('required',true);

DEMO FIDDLE

337
Unknown

Sie können es mit attr tun. Der Fehler, den Sie gemacht haben, ist, dass Sie die wahren inneren Anführungszeichen setzen. stattdessen versuche dies:

$("input").attr("required", true);
42
Joz Naveen Joz

Ich habe festgestellt, dass die folgenden Implementierungen wirksam sind:

$('#freeform_first_name').removeAttr('required');

$('#freeform_first_name').attr('required', 'required');

Diese Befehle (attr, removeAttr, prop) verhalten sich je nach verwendeter Version von JQuery unterschiedlich. Bitte beziehen Sie sich hier auf die Dokumentation: https://api.jquery.com/attr/

22
John Meyer

Mit der .attr Methode

.attr(attribute,value); // syntax

.attr("required", true);
// required="required"

.attr("required", false);
// 

.prop verwenden

.prop(property,value) // syntax

.prop("required", true);
// required=""

.prop("required", false);
//

Lesen Sie hier mehr

https://stackoverflow.com/a/5876747/541328

4
TheHive

Sollte nicht true mit double quote "" einschließen, sollte es so sein

$(document).ready(function() {            
   $('input').attr('required', true);   
});

Sie können auch Stütze verwenden

jQuery(document).ready(function() {            
   $('input').prop('required', true);   
}); 

Anstelle von true können Sie auch erforderlich versuchen. Sowie

$('input').prop('required', 'required');
4
Rokan Nashp

Ich fand, dass jquery 1.11.1 dies nicht zuverlässig macht.

Ich habe $('#estimate').attr('required', true) und $('#estimate').removeAttr('required') verwendet.

Das Entfernen von required war nicht zuverlässig. Es würde manchmal das required Attribut ohne Wert verlassen. Da required ein boolescher Wert ist, wird seine bloße Präsenz ohne Wert vom Browser als true angesehen.

Dieser Fehler war zeitweise und ich hatte es satt, damit herumzuspielen. Auf document.getElementById("estimate").required = true und document.getElementById("estimate").required = false umgeschaltet.

3