`

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
分享到:
评论

相关推荐

    Kendoui grid多级分组表格展现

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

    [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框架grid的Excel导出功能改进js代码

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

    KendoUI速查手册--中文

    KendoUI速查手册--中文

    kendo ui 中文 汉化 文件

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

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

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

    kendoui.for.jquery.2018.3.911.commercial

    Telerik Collection for .NET 2018 R3 kendoui.for.jquery.2018.3.911.commercial

    kendo ui 实现复杂表头

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

    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.for.jquery.2018.2.620.commercial

    Telerik Collection for .NET 2018 R2 SP1 kendoui.for.jquery.2018.2.620.commercial

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

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

    kendoui 3.913版

    kendoui框架最新版本kendoui框架最新版本kendoui框架最新版本kendoui框架最新版本kendoui框架最新版本kendoui框架最新版本

    Telerik Kendo UI 2013.2.716 商业完整版

    Telerik Kendo UI 2013.2.716 商业完整版 2013 Q2 版本 无需序列号、无需破解,完整使用; kendo ui 是一套Telerik 公司推出的面向HTML5 及 移动设备的轻量级UI组件,其主要有Js+Css实现了入 Grid,Tree,Menu,Chart...

    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...

    Kendo UI官方demo

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

    kendoui asp.net mvc

    kendoui asp.net mvc server side wrappers , kendoui asp.net mvc 套件開版

    Kendo UI 开发教程

    Kendo UI 是一个基于HTML5和jQuery 的UI框架用来开发时尚Web应用。这个UI框架包括的很多UI 控件,数据显示组件,和自适应的手机框架,并支持数据绑定,使用模板,拖放功能。

    KendoUI2016.3.19最新版

    KendoUI2016.3.19最新版KendoUI2016.3.19最新版KendoUI2016.3.19最新版KendoUI2016.3.19最新版KendoUI2016.3.19最新版

    Telerik Kendo UI 2013.1.514

    Kendo UI 包含了开发现代JavaScript所需要的所有一切,包括:强大的数据源,通用的拖拉 (Drag-and-Drop) 功能、模板和UI控件; ☆ 文件清单:☆ kendoui.aspnetmvc.2013.1.514.commercial.rar kendoui.complete....

    kendoui 2016 商业完整版

    kendoui 2016 商业完整版

Global site tag (gtag.js) - Google Analytics