输入框的校验有哪些？

mmdcsdn

已于 2024-07-15 14:10:35 修改

阅读量63

点赞数 3

文章标签：功能测试

于 2024-07-15 12:01:00 首次发布

本文链接：https://blog.csdn.net/qq_18537311/article/details/140435006

版权

对于常见的输入框，我们的测试用例可以设计以下点：

1.布局符合UI规范，如大小，位置，颜色；

2.placeholder中的文案，同产品的文案；

3.输入内容超长后，不溢出，控件与内容不重叠展示；

4.即时查询：输入内容后，查询正确；回车，查询正确；

5.非即时查询：输入内容后，多次回车，返回正确；

6.刷新页面后，清空上次的关键词，默认为空状态；

7.支持复制、粘贴操作，功能正确；

8.根据需要，自动过滤输入的空格功能

后面想到了，再更新～

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

mmdcsdn

关注关注

3
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
输入框的校验有哪些？

后面想到了，再更新～
复制链接

扫一扫

vue表格表单输入框校验

ghx123456ghx的博客

04-13

553

vue table表格输入框校验

vue循环遍历出来的表单输入框如何做校验？

码上行动

09-17

3569

需求：当有多个参数类型时候，便利显示，并且value的输入框能各自校验。 1、表单代码： <el-form-item label="参数类型：" label-width="150px"> <div v-for="(item,index) in form.paramsInfo" :key="index"> <el-form-item label="value" :prop="`paramsInfo.${index}.value`" :ru

参与评论您还未登录，请先登录后发表或查看评论

输入框校验规则

weixin_43850586的博客

07-30

1271

oninput="value=value.replace(/[^0-9A-Z]/g,'')" //数字与大写字母 oninput="value=value.replace(/[^\d]/g,'')" //数字

Elementui el-input 输入框校验以及表单校验

热门推荐

阿清的前端进阶之路

03-25

4万+

日常开发中输入框正则校验大全-------持续更新维护中.......

金额输入框校验

weixin_46745445的博客

01-19

1164

金额校验 input框输入金额范围，查找内容；校验金额合法性，保留两位小数效果：实现步骤： xx.html <input type="text" id="startMoney" name="startMoney" onkeyup="verify(this)" style="width:100px" /> <span>~</span> <input type="text" id="endMoney" name="endMoney" onkeyup="verify

input 输入框的各种校验

cdd9527的博客

04-19

3480

input 输入框的各种校验

js input输入框校验

zmyalh的博客

01-21

4717

若想在文本框里不能右键弹出菜单和不能粘贴进复制的信息的话就要在里输入 onKeyDown=“fncKeyStop(event)” οnpaste=“return false” οncοntextmenu=“return false;只能输入数字和点号(注意:在[^\d.]里的d不能写成大写D,否则就变成除了数字以外的所有字符)中、英文和数字加@符号加点符号：\a-\z\A-\Z0-9\u4E00-\u9FA5@.然后在(/[\X]/g,‘’)里的X换成你想输入的代码就可以了。只能输入，负数，小数，整数。

前端输入框校验

琪兮的博客

07-28

818

Vue + ElementUi实现输入框校验安装 npm i element-ui -S 挂载 import Vue from 'vue' import App from './App.vue' import router from './router' import store from './store' import ElementUI from 'element-ui' import 'element-ui/lib/theme-chalk/index.css' Vue.config.

input输入框校验的方式

weixin_46172421的博客

05-26

5033

输入框校验是日常开发中必不可少的，JavaScript也是因为校验而起步出名的。校验方式 1，通过ant design的表单校验rules校验规则实现（详情看文档） v-decorator="[ 'note', { rules: [ { pattern: /^[\u0391-\uFFE5A-Za-z]+$/, .

input 输入框校验规则

Shimeng_1989的博客

09-02

2091

(只能输入英文，数字，汉字）： // HTML <el-input v-model="form.userName" @keyup.native="checkInput()"/> // js： methods:{ checkInput(){ // 正则符号释义： []符号为：匹配到[]中任意一个字符，则为true let nameReg=/[^A-Za-z0-9\u4e00-\u9fa5]/g // 只能输入英文，数字，汉字 let nameReg=/[\u4e0..

js输入框使用正则表达式校验输入内容的实例

10-20

下面小编就为大家带来一篇js输入框使用正则表达式校验输入内容的实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧

为输入框加入数字js校验代码分享

01-21

js限制只能数字输入，并且在把输入的“非法字符”清除掉之后将焦点停留在输入非法字符的位置，参考如下： ... <input value= type=text onkeyup=[removed]RepNumber(this)> JavaScript部分: ...

Extjs表单输入框异步校验的插件实现方法

10-20

主要介绍了Extjs表单输入框异步校验的插件实现方法,非常不错，具有参考借鉴价值，需要的朋友可以参考下

jquery对输入框内容的数字校验代码实例

10-16

主要介绍了jquery对输入框内容的数字校验代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

软件测试基础1--功能测试

m0_69050443的博客

07-25

1026

需求1：标题大于0，小于等于30个字符边界值优化，将七个点优化为五个点，即优化离点，开内闭外开区间保留内离点，闭区间保留外离点。

卓码软件测评：软件功能测试和非功能测试详情介绍

卓码测评

07-24

510

随着信息技术的不断发展，软件在我们日常生活与工作中扮演着越来越重要的角色。然而，软件质量的好坏直接关系到使用者的体验和企业的声誉。在软件开发过程中，功能测试和非功能测试作为保证软件质量的重要手段，受到了越来越多的关注。

chromedriver-mac-arm64_126.0.6474.0.zip

07-31

chromedriver-mac-arm64_126.0.6474.0.zip

chromedriver-mac-arm64_128.0.6548.0.zip

最新发布

07-31

chromedriver-mac-arm64_128.0.6548.0.zip

MySQL查询加速器：利用Query Cache提升效率

07-31

MySQL是一个流行的开源关系型数据库管理系统（RDBMS），广泛用于Web应用程序的后端数据存储。它基于结构化查询语言（SQL）来管理数据，并且是LAMP（Linux, Apache, MySQL, PHP/Python/Perl）技术栈的一部分，这个技术栈常用于构建动态网站和Web应用程序。 MySQL的特点包括： - **开放源代码**：MySQL的源代码是公开的，任何人都可以自由使用和修改。 - **跨平台**：MySQL可以在多种操作系统上运行，包括Linux、Windows、macOS等。 - **高性能**：MySQL以其快速的查询处理和良好的性能而闻名。 - **可靠性**：MySQL提供了多种机制来确保数据的完整性和可靠性，包括事务支持、备份和恢复功能。 - **易于使用**：MySQL提供了简单直观的界面和丰富的文档，便于用户学习和使用。 - **可扩展性**：MySQL支持从小型应用到大型企业级应用的扩展。 - **社区支持**：由于其广泛的使用，MySQL拥有一个活跃的开发者社区，提供大量的资源和支持。 MySQL被广泛应用于各种场景，包括在线事务处理（OL

eltable输入框校验

06-07

eltable输入框的校验可以通过以下步骤实现： 1. 在el-table中设置每个需要校验的单元格的prop属性，例如：<el-table-column prop="name"></el-table-column> 2. 在el-table-column中使用scoped-slot来自定义单元格...