主页 / 问题 / 1060864
Accepted
Gagablik
Asked:2020-12-20 00:04:12 +0000 UTC2020-12-20 00:04:12 +0000 UTC

如何从表单访问元素？

  • 772

生成的表格。点数未知。因此，使用 [] 设置名称。验证表单后，会收到一个存储错误的 JSON 对象。

errors:
    name.0: ["Поле name.0 обязательно для заполнения."],
    test.0: ["Поле test.0 обязательно для заполнения."]

如何使用 jQuery 选择有错误的输入？

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form>
  <input type="text" name="test[]" value="">
  <input type="text" name="test[]" value="">
  <input type="text" name="test[]" value="">
  <input type="text" name="test[]" value="">
  <input type="text" name="name[]" value="">
  <input type="text" name="name[]" value="">
  <input type="text" name="name[]" value="">
</form>

javascript

3 个回答

  1. Best Answer

    mb所以

    let json = {"name.0": ["Поле name.0 обязательно для заполнения."], 
      "test.0": ["Поле test.0 обязательно для заполнения."]};

for(let item of Object.keys(json)) {
  let [,name, index] = item.match(/(.*)\.(\d+)/); 
  console.log( $(`input[name='${name}[]']`)[index] );
}
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form>
  <input type="text" name="test[]" value="1">
  <input type="text" name="test[]" value="2">
  <input type="text" name="test[]" value="3">
  <input type="text" name="test[]" value="4">
  <input type="text" name="name[]" value="5">
  <input type="text" name="name[]" value="6">
  <input type="text" name="name[]" value="7">
</form>

    • 3 

  2. let responseJson = '{ "errors": { "name.0": ["Поле name.0 обязательно для заполнения."], "test.0": ["Поле test.0 обязательно для заполнения."] } }'; 
const parsed = JSON.parse(responseJson); 

const elems = []; 
Object.keys(parsed.errors || {}).forEach(
  e => e.replace(/^([^.]+)\.([^.]+)$/, 
    (m, p1, p2) => elems.push($(`input[name="${p1}[]"]`).get(+p2)) 
  )
); 
$(elems).css('border-color', 'red'); 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form>
  <input type="text" name="test[]" value="">
  <input type="text" name="test[]" value="">
  <input type="text" name="test[]" value="">
  <input type="text" name="test[]" value="">
  <input type="text" name="name[]" value="">
  <input type="text" name="name[]" value="">
  <input type="text" name="name[]" value="">
</form>

    • 2

  3. 我们连接到表单，然后查找我们需要的输入。使用 eq 方法 - 选择所需的

    let $form = $('form').find('input[name="name[]"]');
console.log(form.eq(3)) // Получите 4 элемент
    • 0

相关问题