文本框校验规则

最新推荐文章于 2024-02-23 12:21:29 发布
最新推荐文章于 2024-02-23 12:21:29 发布
阅读量671 收藏
点赞数
分类专栏： java web javascript 文章标签： 文本框校验 校验文本框

文本框的校验规则:

确定的规则如下：

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



 

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

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

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

 

 

 

调皮的芋头
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jQuery easyui的validatebox校验规则扩展及easyui校验框validatebox用法
11-24
先给大家分享数据校验显示效果 Web前端数据校验组件 Web项目中客户端与服务端的交互离不开Form表单，Form表单中最常用的元素莫过于input标签，input标签首先要用的肯定是text文本框啦！ input文本框允许用户任意输入，难免会会有用户输入一些不符合规定的数据，此时，在提交之前对数据校验是很有必要的，如果等到提交到服务端再校验就会大大降低用户体验啦。 前端校验有很多现成的组件，比较好用的有 EasyUI 的 validatebox 插件，提示界面做的相当友好，只是validatebox 默认提供的校验规则比较有限，有时我们需要添加自己的校验规则。 rules: { emai
表单校验 - 表单校验的实现案例
不想懂得Zenith
10-24 2168
基于对数据表的 CRUD 操作, 我们可以在 增加/修改 时, 对表单添加相应的校验功能.  比如: 用户输入的手机号不符合规则时提示用户重新输入正确的手机号; 用户输入的邮箱账号不存在或者已经被其他用户使用过也提示错误信息. 下面我们针对填写员工 姓名 和选择 性别 时, 做出相应的正则校验. 如果用户输入的姓名不符合正则表达式, 提示错误信息, 并且不能提交表单数据到后台; 同样, 如果用...
软件测试之输入框验证规范
Cathy_0916的博客
02-23 567
’-=等可能导致系统错误的字符、禁止直接输入特殊字符时，尝试使用粘贴拷贝查看是否能正常提交、word中的特殊功能，通过剪贴板拷贝到输入框，分页符，分节符类似公式的上下标等、数值的特殊符号如∑，㏒，㏑，∏，+，-等。1.合法性检查：(输入0日、1日、32日)、月输入[1、3、5、7、8、10、12]、日输入[31]、月输入[4、6、9、11]、日输入[30][31]、输入非闰年，月输入[2]，日期输入[28、29]、输入闰年，月输入[2]、日期输入[29、30]、月输入[0、1、12、13]。
jQuery之Validate表单验证（一）
zwd926的博客
12-11 403
jQuery 是一个快速、简单的JavaScript 库， 它简化了HTML 文件的traversing，事件处理、动画、Ajax 互动，从而方便了网页制作的快速发展。jQuery Validate 插件为表单提供了强大的验证功能，让客户端表单验证变得更简单。 废话不多说，开始demo演示： 前端html代码展示： <h1>员工信息录入</h1> <fo...
input框中的简单正则校验集合
sika-master的博客
05-15 2689
正则校验输入框的值 ` 在做开发的时候经常会要用到正则校验，因为自带的校验满足不了业务需求 基于项目需求，综合一下常用的正则验证 文章目录正则校验输入框的值前言一、只能输入汉字、英文字符和数字二、只能输入数字和+、- 字符（用于电话号校验）待续 前言 例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。 提示：以下是本篇文章正文内容，下面案例可供参考 一、只能输入汉字、英文字符和数字 val.target.value.replace
Element input输入框 限制输入数据规则
热门推荐
crazybai0001的博客
11-09 1万+
本文实现在VUE+Element环境下使用文本框时，限制文本框中输入数据格式的限制，使用的是el-input组件，将其type设置为了number，在配合在oninput中设置接收数据规则，实现了具体需求。
常见的文本框验证
Summer
07-15 4414
【前言】        最近修改前台UI的各种验证问题，真是大有收获，这里小编就做一下总结吧。项目的前台引用的是easy-ui。 【具体验证实现】 1、只输入数字 <input onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,''
文本框输入校验
m1234ilu的博客
02-01 2205
&lt;input type="text" name="money" onkeyup="value=value.replace(/[^\d\._]/g,'')" placeholder="请填写数字"&gt;  
常用文本框输入校验
shuang7924的专栏
08-03 2020
/* 功能说明:数字,字母,非负数,浮点数等的校验 参数说明: chkObject:判断对象 chkFlg:判断类型 1:非负浮点数 2:正整数 3:只有数字和点. 4:字母和数字 5:字母 返回值:有则为true,否则为false */ function checkObject(chkObject, chkFlg) {     if (trim(chkObject.value) != "") {...
网页中文本框自校验的标签-input
11-20
实现文本内容的自动校验，标签属性与普通input相似，使用该标签后无需再考虑数据提交时的据校验问题。 与struts的动态表单需要大量配置校验文本规则相比，这里的工作量为0。
web前端 input添加属性就可以验证 自动验证工具
04-28
支持web前端输入框验证，可扩展 目前支持 非空验证和 格式验证，代码精简轻巧可扩展，有jquery经验的都能看懂，非常实用。且页面不需要做各种复杂校验，也不需要校验太多的过滤
文本框失去焦点问题
05-30
文本框焦点问题解答，没有基础的看着费劲 TextBox组件[2]（文本框组件）是一种常用的，也是比较容易掌握的组件。应用程序主要使用它来接收使用者于输入文字信息。 当我们使用Visual Basic .Net集成开发环境开发应用程序时，在从【工具箱】的【Windows窗体】选项卡中向Form1的设计窗体拖入一个TextBox组件的后，我们可能并没有感觉到即使是这样一个简单的操作，Visual Basic .Net都做了很多幕后工作。主要工作和步骤如下： 1. 首先实例化System.Windows.Forms.TextBox类，并根据拖动到窗体的位置和形状分别设定TextBox实例的各个属性。 2. 我们看到的设计窗体，其实是Form1类的一个实例，而Form1类首先是从System.Windows.Forms.Form类继承而来，Form1类中的成员根据使用者往窗体中拖入的组件不同而不同。各个成员通过Add或AddRange方法加入到Form1中，这样拖入的组件才能够显示在设计窗体上。
网页中实现文本框自校验的标签
03-13
与struts的动态表单需要大量配置校验文本规则相比，这里的工作量为0。 (1)检查合法性：可以使用默认校验器，也可以指定正则表达式 默认校验器： required 非空 integer 数字 float 小数，如3.22 date...
微信支付接口签名校验工具
03-29
XML校验：请将提交到接口或接口返回的XML字符串原样复制到文本框中 deeplink校验：请将生成的deeplink字符串原样复制到文本框中 自定义参数校验：根据接口字段定义,手动填写参数名及对应值 使用说明： （1）选择校验...
Android代码-注解式表单UI验证框架。activity，fragment 内文本框，输入框校验
08-06
表单验证框架，支持对 activity/Fragment 内的 TextView/EditText 进行规则验证 compile 'com.github.LongMaoC:validateui:v2.3' 部分效果图(demo在根目录下 ./apk/demo.apk) 更新内容 20171010 : 新增输入监听...
自动驾驶运动规划(Motion Planning).pdf
04-26
自动驾驶运动规划(Motion Planning)问题分析
财务数据分析模型6.xlsx
04-26
Excel数据看板，Excel办公模板，Excel模板下载，Excel数据统计，数据展示
人力资源数据分析看版.xlsx
最新发布
04-26
Excel数据看板，Excel办公模板，Excel模板下载，Excel数据统计，数据展示
利用Vue写一个文本框校验规则为大于0，小于100个字符
02-16
要利用Vue写一个文本框的校验规则，使其能够判断输入的文本是否大于0且小于100个字符，可以使用Vue提供的表单验证功能。 首先，需要在Vue实例中定义一个data属性来存储文本框输入的值，例如： ``` data() { ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值