添加jquery验证

Posted 2023-05-09

【中文标题】添加jquery验证

【英文标题】：Add jquery validation

【发布时间】：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>

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

【参考方案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