无论什么类型,当点击进入下一个输入时

时间:2018-01-23 11:52:28

标签: javascript jquery html vuejs2

我的HTML代码包含一些必需的输入,而ather却没有 这是我的代码

$("input,select").bind("keydown", function(event) {
  if (event.which === 13) {
    event.stopPropagation();
    event.preventDefault();
    $(':input:eq(' + ($(':input').index(this) + 1) + ')').focus();
  }
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form>
  <ul>
    <li>
      <input class='form-control input' type='text' name='{{$variables[2]}}' placeholder="{{trans('language.'.$variables[2])}}" required/> {{trans('language.'.$variables[2])}} *
    </li>
    <li>
      <input class='form-control input' type='text' name='{{$variables[3]}}' placeholder="{{trans('language.'.$variables[3])}}" required/> {{trans('language.'.$variables[3])}} *
    </li>
    <li>
      <input class='form-control input' type='text' name='{{$variables[4]}}' placeholder="{{trans('language.'.$variables[4])}}" /> {{trans('language.'.$variables[4])}}
    </li>
    <li>
      <select class='form-control input' name='{{$variables[5]}}' required>
		<option>{{trans('language.chose')}}</option>
		@foreach($units as $unit)
			<option value='{{$unit["id"]}}'>{{$unit['unit_name']}}</option>
		@endforeach
		</select> {{trans('language.item_default_unit')}} *
    </li>
    <li>
      <select class='form-control input' name='{{$variables[6]}}' class='form-control'>
		<option>{{trans('language.chose')}}</option>
		@foreach($colors as $color)
			<option value='{{$color["id"]}}'>{{$color['color_name']}}</option>
		@endforeach
		</select> {{trans('language.color')}}
    </li>
    <li>
      <input class='form-control input' type='number' name='{{$variables[7]}}' placeholder="{{trans('language.'.$variables[7])}}" /> {{trans('language.'.$variables[7])}}
    </li>
    <li>
      <input class='form-control input' type='number' name='{{$variables[8]}}' placeholder="{{trans('language.'.$variables[8])}}" /> {{trans('language.'.$variables[8])}}
    </li>
    <li>
      <input class='form-control input' type='number' name='{{$variables[9]}}' placeholder="{{trans('language.'.$variables[9])}}" /> {{trans('language.'.$variables[9])}}
    </li>
  </ul>
</form>

现在当我点击输入时,我会转到下一个输入,他们是必需的 之后输入类型=文本或数字但不需要它跳过它.. 我希望它能够进入下一个输入,无论它是否需要,现在重要的是它的类型 如果有可能在vuejs2中这样做,我也会使用vuejs2感谢

0 个答案:

没有答案