javascript - 检查标签文本并验证与其关联的输入字段至少有 x 个字符

Question

我对这门语言非常陌生。我能够检查标签字符串，但我想确保它旁边的输入字段至少有 6 位数字(如果可能的话，数字)

$(document).ready(function(){
    $("label:contains('6 digit')") //i get lost here
});

标记:

<form>
    <label>Test</label><input value="1" type="text" class="check">
    <label>Test</label><input value="1" type="text" class="check">
    <label>Test</label><input value="1" type="text" class="check">
    <label>6 digit</label><input value="1" type="text" class="check"> 
    <label>6 digit</label><input value="1" type="text" class="check">
    <label>Test</label><input value="1" type="text" class="check">

    <input type="submit">
</form>

Answer 1

蒂姆·博尔顿 (Tim Bolton) 几乎是正确的，尽管他正在检查该值是否低于 5，但他并没有测试位数。我会这样做:

function isValidForm(){
   var labels = $('form labels');
   $(labels).each(function(){
      var inputText = $(this).next();
      if($(inputText).val().length < 6 || isNaN($(inputText).val())) {
         $(inputText).css('color', 'red'); // you can do whatever you want to show the field is not properly filled
         return false;
      }         
   })
   return true;
}

然后，在提交表单时，您所要做的就是:

$('form').submit(function(){
   if(!isValidForm()){
      alert('please fix the errors');
      return false;
   }
});