`

Kendo UI input 正则表达式验证

 
阅读更多


<input type="text" pattern="[A-Z0-9_]{4}" class="k-input k-textbox" name="userId" required="required" data-bind="value:userId" data-required-msg="{{UserId}}{{required}}" validationMessage="编码字符只能是大写字母,数值或下滑线中的字符!" >


1.pattern="[A-Z0-9_]{4}"
2.validationMessage="编码字符只能是大写字母,数值或下滑线中的字符!"


另外一种:

$scope.dataSource = new kendo.data.DataSource({
          batch: true,
          transport: {
            read: {
                url: $rootScope.serviceRoot+"/user/read",
                dataType: "json",
                type: "POST",
                contentType: "application/json"
            },
            create: {
                url: $rootScope.serviceRoot+"/user/create",
                dataType: "json",
                type: "POST",
                contentType: "application/json"
            },
            update: {
                url: $rootScope.serviceRoot+"/user/update",
                dataType: "json",
                type: "POST",
                contentType: "application/json"
            },
            destroy: {
                url: $rootScope.serviceRoot+"/user/destroy",
                dataType: "json",
                type: "POST",
                contentType: "application/json"
            },
            parameterMap:function(options, operation) {

                if (operation !== "read" && options.models) {
                  //console.log("options.models:")
                  //console.log(options.models);

                  return JSON.stringify(options.models[0]);
                  //  return {models:                 kendo.stringify(options.models)};
                }

            }
          },
          schema: {
            model: {
                id: "id",
                fields: {
                    id: { from: "id", type: "number" },
                    userId: { from: "userId",
                              validation:
                              {
                                required: true,
                                useridvalidation: function (input) {
                                                    if (input.is("[name='userId']") && input.val() != "") {
                                                        input.attr("data-useridvalidation-msg", "编码字符只能是字母,数值或下                                                           滑线中的5个字符!");
                                                        return /^[a-zA-Z0-9_]{5}$/.test(input.val());
                                                    }

                                                    return true;
                                                },
                                validationMessage:$scope.UserId+$scope.required
                              }
                            },
                    userName:

                      { from: "userName",

                       validation: {

                            required:true,

                            validationMessage:$scope.UserName+$scope.required }},
                    email:{from:"email"},
                    roleId:{from:"roleId"},
                    telNo:{from:"telNo"},
                    doctorId:{from:"doctorId",type:"number"},
                    locale:{from:"locale"},
                    password:{from:"password"}


                }
            }
          }
        });

 

  • 大小: 169.6 KB
  • 大小: 204.9 KB
  • 大小: 257 KB
  • 大小: 269.9 KB
分享到:
评论

相关推荐

    ui jquery kendo ui 一个不错的国外ui kendoui 又名剑道UI

    Kendo UI 是一款由Telerik公司开发的前端开发框架,主要针对jQuery库进行了深度集成,提供了丰富的用户界面组件,使得开发者能够快速构建交互性强、视觉效果优秀的Web应用程序。"剑道UI"是Kendo UI的一个通俗别称,...

    KendoUI速查手册--中文

    Kendo UI 是一款由 Telerik 公司开发的前端 JavaScript 框架,专门用于构建交互式的 Web 应用程序。这个“Kendo UI 速查手册”提供了全面且详细的中文指南,帮助开发者快速掌握和应用 Kendo UI 的各种组件、功能和...

    kendoui.for.jquery.2018.3.911.commercial

    《Kendo UI for jQuery 2018 R3:打造高效.NET前端开发的利器》 Kendo UI for jQuery是一款由Telerik公司推出的强大且全面的前端开发框架,专为.NET开发者设计,旨在提升Web应用程序的用户体验和开发效率。2018年R3...

    Kendoui grid多级分组表格展现

    应用kendoui grid实现的多级分组表格展现,里面包含了表格的分组统计以及单表合计功能、还有针对表格的刷新以及子表格刷新功能。此功能是在原有demo版本上改进,增加了很多的个别需求实现,在原来的版本是做不到的。...

    Kendo UI for Vue.docx

    "Kendo UI for Vue" Kendo UI for Vue 是一个使用 Vue.js 框架的本机组件库,旨在帮助开发者快速构建企业级 Web 应用程序。下面将详细讲解 Kendo UI for Vue 的使用方法、配置过程、组件介绍等知识点。 什么是 ...

    Kendo UI 开发教程

    Kendo UI开发教程涵盖了使用Kendo UI这一强大的前端框架开发Web应用的知识。Kendo UI是Telerik公司开发的一个基于HTML5和jQuery的综合UI框架,它支持开发者构建时尚且功能丰富的Web应用程序。本教程将详细探讨Kendo ...

    [Kendo UI] 移动应用开发 Kendo UI Mobile 实现 英文版

    [Packt Publishing] 移动应用开发 Kendo UI Mobile 实现 英文版 [Packt Publishing] Building Mobile Applications Using Kendo UI Mobile and ASP NET Web API E Book ☆ 图书概要:☆ Get started with ...

    kendo ui 中文 汉化 文件

    kendo ui的中文国际化文件。已经对日期格式化进行了修正。 详细的,请看我的博文,kendo ui那点事里有详细使用说明。

    kendo ui学习资料

    Kendo UI 是一款由Telerik公司开发的前端UI库,专为构建现代Web应用程序而设计。它提供了丰富的组件集合,包括数据网格、日历、图表、表单元素等,支持多种浏览器和移动设备,适用于创建交互性强、用户体验优良的Web...

    Kendo UI框架grid的Excel导出功能改进js代码

    Kendo UI框架提供了强大的Excel导出功能,通过Grid的saveAsExcel能方便地导出Grid中的数据,而且格式美观大方,使用起来也非常方便。但是在实际使用中不是很理想,主要有以下两个问题: 1. 导出的列数据是原始值 ...

    Kendo UI官方demo

    Kendo UI是一个强大的框架用于快速HTML5 UI开发。基于最新的HTML5、CSS3和... Kendo UI包含了开发现代JavaScript开发所需要的所有一切,包括:强大的数据源,通用的拖拉(Drag-and-Drop)功能,模板,和UI控件。

    kendoUI professional实战代码

    Kendo UI Professional目前最新提供Kendo UI for jQuery、Kendo UI for Angular、Kendo UI Support for React和Kendo UI Support for Vue四个控件。Kendo UI for jQuery是创建现代Web应用程序的最完整UI库;Kendo UI...

    kendoui | 剑道UI(最新版、完整实例、安装包)

    Kendo UI framework is developed by Telerik - a leading provider of UI components for web, desktop and mobile applications. Trusted by over 100,000 customers worldwide for our devotion to quality and ...

    kendoui asp.net mvc

    【Kendo UI for ASP.NET MVC】是一个强大的前端开发框架,专为构建现代、交互式的Web应用程序而设计。它结合了Telerik的Kendo UI库与ASP.NET MVC框架,提供了丰富的服务器端包装器(Server Side Wrappers),使得在...

    Kendo UI for jQuery 2023.1.117 (Win)

    完整的组件集合使公司名称为Telerik DevCraft,并且与HTML5相关的组件的名称为Kendo UI供应时间。 还有,Telerik Platform标题,即与移动设备行业有关的常规组件。该模块化平台将一系列丰富的UI工具与强大的云服务...

    动态设置显示kendoui grid控件某一列的格式

    在IT领域,Kendo UI Grid是一款非常流行的JavaScript数据可视化组件,用于构建强大的、响应式的网格视图。在处理数据展示时,我们常常需要对不同列的数据进行格式化,以满足特定的显示需求。本篇文章将深入探讨如何...

    telerik.kendoui.professional.2016.3.1118.commercial

    Kendo UI通常包括各种前端UI组件,如数据网格、日历、图表、下拉菜单、分页器等,以及用于数据管理、验证和本地化等功能的工具。 【压缩包子文件的文件名称列表】中的各个部分提供了更多关于Kendo UI的信息: 1. *...

    Kendo UI for jQuery 2019.1.115

    《Kendo UI for jQuery 2019.1.115:打造高效现代Web应用的秘密武器》 Kendo UI for jQuery,作为一款强大的前端开发框架,为开发者提供了丰富的资源和工具,帮助他们快速构建高性能、响应式的Web应用程序。这款...

    前台框架UI kendoui

    2. **丰富的组件库**:Kendoui包含了大量的UI组件,如数据网格、图表、日历、下拉框、按钮、表单验证等。这些组件具有丰富的样式和功能选项,可以满足各种复杂应用的需求。 3. **报表功能**:Kendoui内置的报表工具...

    kendo ui 实现复杂表头

    该代码类里面实现的主要操作: 1.ajax 访问后代接口,并将结果返回值绑定到kendo ui 的grid上。 2. 实现复杂的kendo ui 的grid的表头设置,这个是本人亲自写的,并且经过验证是正确的

Global site tag (gtag.js) - Google Analytics