必填输入字段

Question

我有一些使用foreach从循环中显示的输入字段。单击后，我希望所有这些都是使用jquery必需的。如果循环显示1个或3个输入，则所需函数工作正常，但如果循环显示2个输入，则只需要第一个输入，并且可以在第二个输入为空的情况下保存表单。我该如何解决这个问题？任何帮助都是非常感谢的。

<form class="input-seg">
<?php

foreach($GET_INPUT as $get_input){
  ?>

  <div class="form-group">
    <label  class="control-label col-sm-3"><?=$get_input->name;?></label>
    <div class="col-sm-3">
      <input  type="text" name="inputname[]" class="form-control inp"   >
    </div>
  </div>
  <?php
}
?>
</form>

JQUERY

$('.input-seg').click(function() {
  if($(".inp").val() == ""){
    $(".inp").focus();
    $('.inp').css('border', '2px solid'); 
    $('.inp').css('border-color', 'red');
    for(i=0;i<3;i++) {
      $('.inp').fadeTo('slow', 0.1).fadeTo('slow', 1.0);
    };
    return false;
  }
});

Answer 1

您应该使用focusout来验证字段。该链接显示了许多示例。在事件侦听器中处理$(this)是一种更优雅的方法：

$('.inp').focusout(function() { validate your field element object $(this)  });