So verweisen Sie auf das Eingabefeld nach Name

Question

Wie soll ich auf das Eingabefeld in meinem JS-Code verweisen?

input[name="email"] 

Ist nicht richtig beendet.

$("#reg-form").find('input[name="email"]').parent("").addClass('has-error'); 

<div class="form-group"> 
    <label for="email">EMAIL</label><span> *</span> 
    <input type="text" class="form-control" name="user_details[email]"> 
    <div class="help-block"></div> 
    <!-- errors will go here --> 
</div> 

Answer 1

Try this:

.find("input[type='text']") 

Answer 2

Ihre input nicht gestattet 'E-Mail', müssen Sie den vollständigen Namen zu öffnen, indem die eckigen Klammern die Erinnerung zu entkommen. Versuchen Sie folgendes:

$("#reg-form").find('input[name="user_details\\[email\\]"]').parent().addClass('has-error'); 

Beachten Sie auch, dass "" für parent() kein gültiger Selektor ist.

Answer 3

$('input[name="user_details\\[email\\]"]'); 

Versuchen Sie so.

Sie haben keine Eingabe mit name="email" Attribut.

Answer 4

Es gibt kein Element mit der Bezeichnung email, der Name Ihrer Eingabe lautet user_details[email].

Auch gibt es keine Notwendigkeit für leere Wähler in .parent()

$(document).ready(function() { 
 
    $("#reg-form") 
 
    .find('input[name="user_details[email]"]') 
 
    .parent() 
 
    .addClass('has-error') 
 
    ; 
 
});

.has-error label { 
 
    color: red; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<form id="reg-form"> 
 
    <div class="form-group"> 
 
    <label for="email">EMAIL</label><span> *</span> 
 
    <input type="text" class="form-control" name="user_details[email]"> 
 
    <div class="help-block"></div> 
 
    <!-- errors will go here --> 
 
    </div> 
 

 
</form>

Answer 5

einfach verwenden:

$('input[name="user_details[email]"]')