Question

我应该如何参考JS代码中的输入字段？

input[name="email"]

不是放弃了。

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

您的input未命名＆＃39;电子邮件＆＃39;，您需要在记住要转义方括号时包含全名。试试这个：

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

另请注意，""并非parent()的有效选择器。

Answer 2

试试这个：

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

Answer 3

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

试试这样。

您没有name="email"属性的输入。

Answer 4

没有名为email的元素，您的输入名称为user_details[email]。

.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

只需使用：

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

如何按名称引用输入字段

5 个答案: