什么是 jQuery 中的非侵入式验证？

jQuery 是一个 Javascript 库。 jQuery 中一个不显眼的验证是一组 ASP.Net MVC HTML 帮助程序扩展。通过使用 jQuery 验证数据属性和 HTML 5 数据属性，您可以对客户端执行验证。

Unobtrusive Validation 意味着无需编写大量验证代码，您可以通过添加合适的属性并包含合适的脚本文件来执行简单的客户端验证。

需要添加这些不显眼的验证库：

• jquery.validate.min.js
• jquery.validate.unobtrusive.js

通过包管理器安装：

• Bower: bower install jquery-validation

• NuGet: Install-Package jQuery.Validation

• NPM  : npm i jquery-validation 

一些数据验证属性的列表：





1. 必需的
   • data-val-required="这是必需的。"
   • 数据值=“真/假”
2. 电子邮件地址
   • data-val-email="错误信息"

3. 最长长度

   • data-val-maxlength="错误信息"
   • data-val-maxlength-max=”最大长度（例如5）”
4. 最小长度
   • data-val-minlength="错误信息"
   • data-val-minlength-min=”最小长度（例如2）”

不显眼的验证方法：

首先，我们需要在 HTML 文件的脚本中添加这些库。这些库提供了用于验证的数据属性列表（data-val、data-val-required 等等）。然后根据需求构建表单，可以使用不同类型的数据属性。

例子：

    
        
        
      
        
      
        
      
    
    
        
            
                Roll no.
                
                
                
                
            
            
                Name
  
                
                
            
            
                Mobile no.
                
                
            
  
            
                E-Mail 
                
                
            
  
            
                
            
        
    

输出：

提交前：

提交后：