文本框校验规则

文本框的校验规则:

确定的规则如下:

1.       格式错误,失去焦点,输入框变红,有错误提示


 

2.       格式错误,重新获得焦点时,输入框蓝色,错误提示消失

3.       内容改变时,错误提示语消失

4.       格式正确失去焦点,输入框灰色,错误提示消失

 

时间: 2024-12-29 04:52:02

文本框校验规则的相关文章

jQuery easyui的validatebox校验规则扩展及easyui校验框validatebox用法_jquery

先给大家分享数据校验显示效果 Web前端数据校验组件 Web项目中客户端与服务端的交互离不开Form表单,Form表单中最常用的元素莫过于input标签,input标签首先要用的肯定是text文本框啦! input文本框允许用户任意输入,难免会会有用户输入一些不符合规定的数据,此时,在提交之前对数据校验是很有必要的,如果等到提交到服务端再校验就会大大降低用户体验啦. 前端校验有很多现成的组件,比较好用的有 EasyUI 的 validatebox 插件,提示界面做的相当友好,只是validate

jQuery插件EasyUI校验规则 validatebox验证框_jquery

Web前端数据校验组件 Web项目中客户端与服务端的交互离不开Form表单,Form表单中最常用的元素莫过于input标签,input标签首先要用的肯定是text文本框啦! input文本框允许用户任意输入,难免会会有用户输入一些不符合规定的数据,此时,在提交之前对数据校验是很有必要的,如果等到提交到服务端再校验就会大大降低用户体验啦. 前端校验有很多现成的组件,比较好用的有 EasyUI 的 validatebox 插件,提示界面做的相当友好,只是validatebox 默认提供的校验规则比较

文本框内容拆解获取里面的值进行校验

问题描述 文本框内容拆解获取里面的值进行校验 从页面的文本框中获取对应的VO,但是VO的值是如:a,b,c有逗号相隔,问题是如何才能对拆解这个值获取里面的每个值进行校验 解决方案 用split函数,很多编程语言都支持这个函数,但是调用略有差别,你google下. 解决方案二: split或者用正则验证下

使用C# 开发掩码输入文本框

文本框 掩码输入是一种常用的控件,我记得第一次看见这种控件是在Visual FoxPro中!感觉功能强,不错.现在用C#开发ASP.NET应用程序也需要用到这种输入的控件,便琢磨着自己做一个.但是由于Visual FoxPro中的掩码文本框功能太强了,一时还不敢去做.网上也有一些自制的如:http://www.weste.net/2004/11-25/09162561988.html,但是感觉功能都不很适合.后来在http://www.stedy.com上看到了他们做的掩码文本框,感觉这种方式在

交互设计:利用蒙板提高文本框交互质量

本文译者@C7210 移动应用的设计师们一直在努力降低用户的输入量.屏幕太小了,手指无法精准触摸,输入过程中产生错误简直是家常便饭. 输入量是无法被无限制的降低的,很多时候我们更需要考虑的是怎样使输入变得更加容易. 输入蒙板是一种限制内容格式.避免输入错误的方式.举个例子,我们可以使电话号码输入框只接受数字内容,而不对其它任何类型的字符做出响应.所接纳的数字也可以被限定在某个范围或模式当中.不过,输入蒙板的功能不仅限于防错,它同样可以被用在更加"积极"的地方,例如将多项输入内容合并为一

关于txt文本框只能刷卡器不能使用手工输入

问题描述 如题,web页面上有一个textbox,把光标放入到框中,刷卡如果是手工输入的话就为空.读出来的格式是10位卡号+一个回车.已屏蔽复制,和鼠标右键.想法是使用textboxchange事件,记录录入时间.代码如下DateTimedt=DateTime.Now;protectedvoidTextBox1_TextChanged(objectsender,EventArgse){DateTimetempDt=DateTime.Now;TimeSpants=tempDt.Subtract(d

JAVA限制文本框输入

我们在做JAVA GUI开发的时候,有的时候需要对文本框中的内容进行限制,比如最大长度.转换为大写等.今天就为大家介绍一下该如何实现. 通过查阅JDK API,我们可以知道,在JTextField中提供了setDocument(Document doc)方法,用于将编辑器与一个文本文档关联.那么我们就需要使用它啦. Document是一个接口,有如下几个实现类: AbstractDocument DefaultStyledDocument HTMLDocument PlainDocument 这

html文本框只能输入数字

进行web前端开发,会经常遇到校验文本框内容的情形.比如校验用户输入的手机号是否合法. 其实我们可以从根本上减少用户犯错的机会,比如文本框只能输入数字,若输入非数字字符,则马上被删除. 界面:  第一个文本框,输入字母时会立即把字母替换为空字符串. 核心js方法: Js代码   /*   * 只能输入正整数,不能有小数点   *    */   onlyIntegerKeyUp=function(e){       if(e===undefined){           e=window.ev

focus-extjs编码中文本框获得焦点后无法进行其他交互

问题描述 extjs编码中文本框获得焦点后无法进行其他交互 events:[{id : 'code', event : 'blur', fn : 'doCheckCode'}], doCheckCode:function(textField,blur,eOpts){ var view = this.view; var value = view.getCmp("code").getValue(); if(("NEW"==view.uistatus)&&