Question

我正在尝试构建一个服务器控件，其中包含带有2个项目和文本框的radiobuttonlist。单选按钮是YES en NO选项。

选择“是”时，我希望文本框可见，必须填写。否，文本框变为不可见。

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

我已经尝试过使用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>

Answer 2

这篇文章帮助我解决了这个问题。

Enable-Disable-ASPNet-Validator-Client-Side-Validation-using-JavaScript-or-jQuery

添加jquery验证

2 个答案: