《一种控制HTML输入框输入长度的方法.pdf》由会员分享，可在线阅读，更多相关《一种控制HTML输入框输入长度的方法.pdf（5页珍藏版）》请在专利查询网上搜索。
1、(10)申请公布号 CN 104281662 A (43)申请公布日 2015.01.14 CN 104281662 A (21)申请号 201410494368.8 (22)申请日 2014.09.24 G06F 17/30(2006.01) (71)申请人 蓝盾信息安全技术有限公司 地址 510665 广东省广州市高新技术产业开 发区东明二路 5 号 A326 房 (72)发明人 杨育斌 柯宗贵 林再贤 (54) 发明名称 一种控制 html 输入框输入长度的方法 (57) 摘要 本发明公开了一种控制 html 输入框输入长 度的方法， 该方法在页面加载完成时， 获取网页的 全部表单元素，。
2、 进行遍历， 获取表单元素的属性 值， 并与存储验证规则对比， 如果该属性值属于该 验证规则， 则增加 maxlength 属性， 并赋上相对应 规则， 浏览器兼容性处理， 编辑事件中增加字符串 处理功能， 获取当前值， 并截取相应长度的字符串 长度。 采用本方法能在不影响原有功能的情况下， 不用修改原有代码就能够对输入框的输入长度进 行限制输入， 方便灵活。 (51)Int.Cl. 权利要求书 1 页 说明书 2 页 附图 1 页 (19)中华人民共和国国家知识产权局 (12)发明专利申请 权利要求书1页 说明书2页 附图1页 (10)申请公布号 CN 104281662 A CN 1042。
3、81662 A 1/1 页 2 1. 一种控制 html 输入框输入长度的方法， 其特征在于， 该方法通过将逻辑代码编写在 外部 javascript 文件中， 只要导入该文件， 则能在不影响原有功能的情况下， 不用修改原 代码就能够对输入框的输入长度进行限制输入， 具体流程如下 ： 预先确定表单元素的标识， 配置验证规则， 在页面加载完成时， 获取网页的全部表单元 素， 进行遍历， 获取表单元素的属性值， 并与存储验证规则对比， 如果该属性值属于该验证 规则， 则增加 maxlength 属性， 并赋上相对应规则， 浏览器兼容性处理， 编辑事件中增加字 符串处理功能， 获取当前值， 并截取相。
4、应长度的字符串长度。 2. 根据权利要求 1 所述的方法， 其特征在于， 表单元素的标识包括 name 属性， id 属性 或其他自定义属性。 3.根据权利要求1所述的方法， 其特征在于， 该方法中表单元素的标识优选name属性。 权 利 要 求 书 CN 104281662 A 2 1/2 页 3 一种控制 html 输入框输入长度的方法 技术领域 0001 本发明涉及网络技术领域， 尤其涉及一种控制 html 输入框输入长度的方法。 背景技术 0002 在网页表单填写时， 一般需要对某些输入框进行输入长度限制， 防止插入过长无 效数据， 但由于项目一般由多个开发人员进多模块开发， 开发人员。
5、对数据的验证会单独编 写逻辑代码在当前页面上， 代码量相对多， 在某些沟通不及时的情况下， 还会导致相同数据 在不同页面验证不一致， 影响数据的有效性。 0003 申请号为 CN200910147327.0 的发明专利申请公开了一种表单控件的验证方法及 装置， 具体技术方案包括 ： 首先根据表单控件的类型获取用于验证所述表单控件的验证规 则， 所述验证规则包括至少一个基本验证规则， 并建立获取的所述验证规则与所述表单控 件的对应关系 ； 该验证方法包括步骤 ： 确定用户当前操作的表单控件的验证触发条件 ； 当 所述触发条件满足时， 获取与所述表单控件对应的验证规则 ； 根据获取的所述验证规则验。
6、 证所述表单控件， 采用该技术方案， 能够简单灵活地配置验证规则， 提高了验证规则的复用 性， 并且简化了表单的验证过程。但是该方法采用 ID 对验证规则的对应关系， 同一页面只 允许存在唯一 ID， 当存在同一验证规则时， 需重新编写验证规则组合， 复用性不够强。该技 术在输入错误数据时虽然禁止提交， 但仍需要用户手动修改输入内容后再次验证， 方便性 不足。 发明内容 0004 本发明的目的是为了克服现有技术的缺陷， 提供一种控制 html 输入框输入长度 的方法， 该方法通过将逻辑代码编写在外部 javascript 文件中， 只要导入该文件， 则能在 不影响原有功能的情况下， 不用修改原。
7、代码就能够对输入框的输入长度进行限制输入， 具 体流程如下 ： 0005 预先确定表单元素的标识， 配置验证规则， 在页面加载完成时， 获取网页的全部表 单元素， 进行遍历， 获取表单元素的属性值， 并与存储验证规则对比， 如果该属性值属于该 验证规则， 则增加 maxlength 属性， 并赋上相对应规则， 浏览器兼容性处理， 编辑事件中增 加字符串处理功能， 获取当前值， 并截取相应长度的字符串长度。 0006 本发明技术方案带来的有益效果 ： 本发明技术方案采取编逻辑代码编写在外部 javascript 文件中， 只要导入该文件， 则能在不影响原有功能的情况下， 不用修改原代码就 能够对。
8、输入框的输入长度进行限制输入， 使用起来方便灵活。 附图说明 0007 为了更清楚地说明本发明实施例或现有技术中的技术方案， 下面将对实施例或现 有技术描述中所需要使用的附图作简单地介绍， 显而易见地， 下面描述中的附图仅仅是本 发明的一些实施例， 对于本领域普通技术人员来讲， 在不付出创造性劳动的前提下， 还可以 说 明 书 CN 104281662 A 3 2/2 页 4 根据这些附图获得其它的附图。 0008 图 1 是本发明的方法流程图。 具体实施方式 0009 下面将结合本发明实施例中的附图， 对本发明实施例中的技术方案进行清楚、 完 整地描述， 显然， 所描述的实施例仅仅是本发明一。
9、部分实施例， 而不是全部的实施例。基于 本发明中的实施例， 本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他 实施例， 都属于本发明保护的范围。 0010 本发明的主要创新点在于不改动原有代码以及逻辑的基础上， 能够增加限制输入 框输入长度的功能。如图 1 所示为本发明的方法流程图。其具体的实施步骤如下 ： 0011 1. 确定表单元素的标识， 可以是 name 属性， id 属性， 或其他自定义属性。由于 id 属性当前页面只允许存在一个， 不能重复使用， 其他自定义属性不属于表单内置属性， 功能 性不明确， 易导致标准不统一， 因此选 name 属性较为优越。 0012 2. 。
10、配 置 验 证 规 则。 如 var rule username:3， password:6， username 和 password 是配置的 name 属性值， 而 3 和 6 是对应 name 属性表单元素将要限制的最大长度 值。 0013 3. 在页面加载完成时， 获取网页的全部表单元素， 进行遍历， 获取表单元素的 name 属性值， name 属性值是常规表单提交必不可少的， 将值与验证规则进行对比， 如 name 是 username 的则可以匹配到步骤 2 中的对应例值 3， 则 name 属性为 username 的表单元素 应限制为最大长度为 3。 0014 4. 对能匹配。
11、到的表单元素进行属性增加， 增加 maxlength 属性， 并赋上相对应规 则。支持 html5 的浏览器则会限制输入框的长度限制。 0015 5. 由于某些早期浏览器不支持 html5， 如 ie6/7/8， 在表单元素编辑事件中， 获取 当前值， 并截取相应长度的字符串长度。 0016 以上对本发明实施例所提供的一种控制 html 输入框输入长度的方法进行了详细 介绍， 本文中应用了具体个例对本发明的原理及实施方式进行了阐述， 以上实施例的说明 只是用于帮助理解本发明的方法及其核心思想 ； 同时， 对于本领域的一般技术人员， 依据本 发明的思想， 在具体实施方式及应用范围上均会有改变之处， 综上所述， 本说明书内容不应 理解为对本发明的限制。 说 明 书 CN 104281662 A 4 1/1 页 5 图 1 说 明 书 附 图 CN 104281662 A 5 。