前端js js获取用户输入的内容框限制（只能js获取用户输入的内容数字，10位小数，除0[0-9]、.、--、-0[0-9]、-.不能开头外，其他的都可以）？

来源：蜘蛛抓取(WebSpider) 时间：2022-10-18 04:30 标签： js获取用户输入的内容

饿了么公司基于Vue开发了两套UI组件库，PC端组件库 和 移动端组件库。
一部分组件库是对原生的HTML标签元素的封装，增加了一些新的功能。
另一部分组件库是原生HTML标签元素没有的，是一些比较常用的独立的功能(如：分页、进度条、加载中、树形控件等)，将这些独立的常用的功能封装成一个新的组件库(自定义标签元素)。

两个功能都很相似，不同点在于两者的侧边栏和顶部位置稍微不一样，vue2-manage有更多的示例(如集成了富文本框等)。根据自己的喜好选择。

若依封装了一些常用的JS组件方法。

英文、数字、特殊字符正则表达式，必须包含（字母，数字，特殊字符!@#$%^&*()-=_+）

表格组件基于组件进行封装，轻松实现数据表格。

指定唯一列属性 配合删除/修改使用 未指定则使用表格行首列
默认为true表格的底部工具栏会显示分页条，设为false不显示
默认为true不启用分页条无限循环的功能
是否转义HTML字符串
是否首次请求加载数据，对于数据较大可以配置false
默认为false隐藏表尾，设为true显示
默认为true显示搜索框功能，设为false隐藏
搜索框初始显示的内容，需要启用search设为true
默认为true显示检索信息，设为false隐藏
默认为false不显示跳转页，设为true显示
默认为true显示刷新按钮，设为false隐藏
默认为true显示某列下拉菜单，设为false隐藏
默认为true显示视图切换按钮，设为false隐藏
默认为true显示导出文件按钮，设为false隐藏
默认为true显示打印页面按钮，设为false隐藏
默认为true显示表头，设为false隐藏
默认为false不全屏显示，设为true全屏显示
默认为false不启用点击选中行，设为true启用
默认为false前端翻页时不保留所选行，设为true启用
默认为false不启用翻页记住前面的选择，设为true启用
默认为false禁用冻结列，设为true启用冻结列（左侧）
0
0
改变某行的格式，需要两个参数：row行的数据index行的索引
通过自定义函数设置页脚样式
通过自定义函数设置标题样式
当请求数据时，你可以通过修改queryParams向服务器发送参数
默认空数组，被加载的数据
在加载服务器发送来的数据之前，处理数据的格式
当所有数据被加载时触发处理函数
导出方式（默认all：导出所有数据；all：导出当前页的数据；selected：导出选中的数据）

默认false不显示radio（单选按钮），设为true则显示，radio宽度是固定的
是每列的字段名，不是表头所显示的名字，通过这个字段名可以给其赋值，相当于key，表内唯一
这个是表头所显示的名字，不唯一，如果你喜欢，可以把所有表头都设为相同的名字
当悬浮在某控件上，出现提示 - 参考 Bootstrap 提示工具（Tooltip）插件
每格内数据的对齐方式，有：left（靠左）、right（靠右）、center（居中）
每格数据的对齐方式，有：top（靠上）、middle（居中）、bottom（靠下）
每列的宽度。如果没有自定义宽度自适应
定义用于选项的单位，例如%
默认false就默认显示，设为true则会被排序
默认的排序方式为"asc（升序）"，也可以设为"desc（降序）"。
默认为true显示该列，设为false则隐藏该列
默认为false该列可见，设为true则不可见，列选项也消失了
默认为true显示该列，设为false则隐藏。
默认为true显示该列，设为false则禁用列项目的选项卡。
默认true不响应，设为false则当点击此行的某处时，不会自动选中此行的checkbox（复选框）或radiobox（单选按钮）
某格的数据转换函数，需要三个参数： -value： field（字段名） -row：行的数据 -index：行的（索引）index
某格的数据转换函数，需要一个参数： -data： 所有行数据的数组 函数需要返回（return）footer某格内所要显示的字符串的格式
自定义的排序函数，实现本地排序，需要两个参数： - a：第一个字段名 - b：第二个字段名
默认true，表示此列数据可被查询
默认true，可使用格式化的数据查询
是否转义HTML字符串

提示：仅允许导入“xls”或“xlsx”格式文件！
  • 超出指定长度浮动提示（单击文本可复制） $.table.tooltip

弹层组件目前基于layer组件进行封装,提供了弹出、消息、提示、确认、遮罩处理等功能。

  • 提供成功、警告和错误等反馈信息
  • 提供成功、警告和错误等提示信息

使用thymeleaf模板整合了shiro标签，界面可以直接shiro:xxxx（此处简单介绍两个，更多请参考）

如果需要在JS中使用权限，使用封装方法

配置好相关的数据字典信息即可正常使用（系统管理-字典管理）

如果在想Table表格数据使用字典，使用formatter格式化

配置好相关的参数信息即可正常使用（系统管理-参数管理）

如果需要在JS中使用参数，使用封装方法

jQuery Validate插件提供了强大的表单验证功能，能够让客户端表单验证变得更简单，同时它还提供了大量的可定制化选项，以满足应用程序的各种需求。该插件捆绑了一套非常有用的验证方法，包括 URL 和电子邮件验证，同时也提供了API允许用户自定义校验方法。

必须输入正确格式的电子邮件
必须输入正确格式的网址
必须输入正确格式的日期
必须输入正确格式的日期(ISO)，例如：， 只验证格式，不验证有效性
必须输入合法的数字(负数，小数)
必须输入合法的信用卡号
输入值必须和#field相同
输入拥有合法后缀名的字符串（上传文件的后缀）
输入长度最多是5的字符串(汉字算一个字符)
输入长度最小是10的字符串(汉字算一个字符)
输入长度必须介于 5 和 10 之间的字符串")(汉字算一个字符)
输入值必须介于 5 和 10 之间
输入值 5 的整数倍值
必须输入正确格式的手机号
必须输入正确格式的座机号码
必须输入数字或者字母,不包含特殊字符
必须输入正确格式的身份证号码
必须输入正确格式的出生日期
必须输入正确格式的IP地址

本文介绍Validate自定义表单校验方式。Validate插件虽然提供了丰富的验证规则，但在很多时候仍然很难满足我们的开发需求，在注册页面我们需要通过ajax验证用户输入的用户名是否已经被他人注册，那此时通过传统的Validate验证方式已经无法满足需求了！ 我们可以通过自定义验证方法实现这个需求。

例如加一个区号的验证。

出现如下图表示自定义区号验证成功。

使用tooltip提示错误信息

8,//这里是为了突出显示加上的

//一定要注意大小写，本语句中，一直把Data写成data，总是取不出数据，耽误了半天

我要回帖

更多关于 js获取用户输入的内容 的文章

 

随机推荐