javascript - 添加jquery验证

Question

我正在尝试构建一个服务器控件，该控件具有一个包含 2 个项目和一个文本框的单选按钮列表。 单选按钮有"is"和“否”选项。

当选择"is"时，我希望文本框可见并且必须填写。 如果设置为“否”，文本框将变得不可见。

我设法根据选项选择让文本框出现和消失。 但是如何向文本框添加验证并在不可见时将其删除？

我已经尝试使用 ASP 验证器，但是当文本框不可见时 jquery 不会禁用它们。

我尝试过类似的方法，但它不起作用:

<script type="text/javascript"> 
$(function() 
{
  $('#TravelOption2_rbList').change(function() 
    { 
      var index = $('#TravelOption2_rbList input[type=radio]:checked').val(); 
      if (index != '0') 
        { 
           $('#TravelOption2_lblName2').css({'visibility':'visible'}); 
           $('#TravelOption2_txtName1').css({'visibility':'visible'}); 
           $('#TravelOption2_lblName3').css({'visibility':'visible'}); 

           // create validator (not working)
           $('#TravelOption2_txtName1').rules('add', { 
             required: true, 
             minlength: 2, 
             messages: { required: 'Required input', minlength: 'Please enter the cost.' } 
           }); 
        } else {
           $('#TravelOption2_lblName2').css({'visibility':'hidden'}); 
           $('#TravelOption2_txtName1').css({'visibility':'hidden'}); 
           $('#TravelOption2_lblName3').css({'visibility':'hidden'}); 

           // remove the validator here
        } 
    });
});
</script>

我看过很多例子，但它们对我不起作用。

Answer 1

当您提交内容时，简单地检查文本框是否至少包含 2 个字符不是更容易吗？我假设这是某种输入表单。

<script type="text/javascript"> 
  $(function() {
    $('#submitButton').on('click', function(){
      if ($('#TravelOption2_txtName1').val().length > 1 ) {
        //Textbox has at least 2 characters in it
      }
    })
  });
</script>