博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jQuery validation学习(1)验证只输入空格通过验证
阅读量:4480 次
发布时间:2019-06-08

本文共 2234 字,大约阅读时间需要 7 分钟。

 

当input输入了空格是不会提示信息的

一般会去除空格然后进行验证

这个时候就要添加onkeyup事件去除左侧的空格

  • 验证只输入空格通过验证
//添加验证手机方法        jQuery.validator.addMethod("isMobile", function(value, element) {            var length = value.length;            var mobile = /^(((13[0-9]{1})|(15[0-9]{1}))+\d{8})$/;            return this.optional(element) || (length == 11 && mobile.test(value));        }, "请正确填写您的手机号码");        //表单验证        $("#enterpriseAuth").validate({            debug: true,            onkeyup: function(element, event) {                //去除左侧空格                var value = this.elementValue(element).replace(/^\s+/g, "");                $(element).val(value);            },            errorClass: 'errMsg',            errorElement: "div",            errorPlacement: function(error, element) {                error.appendTo(element.parent());            },            groups: {                distpicker: "province city district"            },            rules: {                enterpriseName: {                    required: true                },                managerPhone: "isMobile",                managerEmail: {                    email: true,                },                province: "required",                city: "required",                district: "required"            },            messages: {                enterpriseName: {                    required: "请填写企业名称",                },                enterpriseAddress: {                    required: "请填写公司注册地址",                },                enterpriseContact: {                    required: "请填写街道详细地址",                },                managerName: {                    required: "请填写管理者姓名",                },                managerEmail: {                    required: "请填写管理者邮箱",                    email: "请填写正确邮箱格式"                },                managerPhone: {                    required: "请输入手机号",                    isMobile: "请填写正确手机号"                },                province: {                    required: "请选择省市区",                },                city: {                    required: "请选择省市区",                },                district: {                    required: "请选择省市区",                }            }        });

  

转载于:https://www.cnblogs.com/silences/p/6163319.html

你可能感兴趣的文章
数据库SQL SELECT查询的工作原理
查看>>
获取屏幕分辨率
查看>>
李开复:我对年轻人是分享经验 不是要当导师
查看>>
reportng优化
查看>>
游戏运营技术之---->运用箱线图分析PCU和DAU(一)
查看>>
T2695 桶哥的问题——吃桶
查看>>
小功能代码二
查看>>
WCF服务端运行时架构体系详解[上篇]
查看>>
单点登录-系统搭建
查看>>
WPF动画应用-几何图形扩散动画
查看>>
Introduction to 3D Game Programming with DirectX 12 学习笔记之 --- 第二十章:阴影贴图
查看>>
指定程序集的位置 | Microsoft Docs
查看>>
采用Opserver来监控你的ASP.NET项目系列(二、监控SQL Server与Asp.Net项目)
查看>>
AutoMapper在C#中的有趣应用
查看>>
asp.net core 系列 13 日志
查看>>
【HLSL学习笔记】WPF Shader Effect Library算法解读之[BandedSwirl]
查看>>
WPF TextBlock IsTextTrimmed 判断文本是否超出
查看>>
wpf中防止界面卡死的写法
查看>>
WPF中的Application类。
查看>>
PowerDesigner逆向工程导入MYSQL数据库总结(不容易,感谢前者们)
查看>>