添加jquery验证答案

【问题标题】：Add jquery validation添加jquery验证
【发布时间】：2015-01-04 01:13:49
【问题描述】：

我正在尝试构建一个服务器控件，该控件具有一个带有 2 个项目和一个文本框的单选按钮列表。单选按钮是 YES 和 NO 选项。

When YES is selected I want the textbox to be visible and it must be required to fill in. 否，文本框变得不可见。

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

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

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

【问题讨论】：

标签： javascript jquery asp.net jquery-plugins

【解决方案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>

【讨论】：

此服务器控件是表单的一部分，但不是表单本身。里面没有提交按钮。
您是否尝试过为 jquery 验证器使用 'remove' 参数？ $('#TravelOption2_txtName1').rules('remove');jqueryvalidation.org/rules
不，因为我无法添加有效的验证。
我希望在用户离开文本框时进行验证。

【解决方案2】：

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

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

【讨论】：