javascript - 通过 Jquery 正确验证输入框

Question

在我的 Javascript 中，我试图验证用户的输入。有没有一种方法可以显示(通过 .html() 定义文本)类名为“xy”的(上)最接近的元素

我的 HTML 文件如下所示:

  <div class=" row validate" style="display:none;">
        <div class="col-lg-1"></div> 
        <div class="col-lg-7"><p class="validation_text"></p></div>   
    </div>
    <div class="row">
        <div class="col-lg-1 col-sm-0 col-xs-12"></div> 
        <div class="col-lg-3 col-sm-3 col-xs-12"><a href="#" data-
     toggle="tooltip" data-placement=" auto top" title="Text">Information</a></div>
        <div class="col-lg-2 col-sm-2 col-xs-12"><input id="xy" name="xy" 
  type="search" class="form-control"  maxlength="2" onChange="validate(this);">
  </div>
</div>

在我的 JS 文件中:

 function validate(){
 var regex = new RegExp(/[~`!#$%\^&*+=\-\[\]\\';,/{}|\\":<>\?()]/);
 var box = ['xy','xyyy];
    var element;

element = document.getElementById(box[i]);

 for (i=0; i < box.length; i++){

  if(regex.test(element.value)){
        $(element).parent().parent().prev().show();
        element.style.border = '2px solid red';
$(".validation_text").eq([i]).html("your input contains regex");
 } 
 }
    }

一切正常，我遇到的唯一问题是最后一部分。 validation_text 没有显示。有人知道为什么吗？

Answer 1

eq() 需要一个整数，而你给它一个数组

$(".validation_text").eq([i])

应该是

$(".validation_text").eq(i)