Js 】控制单行文本字段仅能输入指定长度的数字

title: doc_3ba983fba321_【JS用例】控制单行文本字段仅能输入指定长度的数字 created: 2026-04-19 updated: 2026-04-19 type: reference tags: [js-use-cases, ppt] source: "Weaver Official"

Slide 1

控制单行文本字段仅能输入指定长度的数字泛微网络培训服务中心

Slide 2

需求背景及实现效果

Slide 3

控制单行文本字段仅能输入指定长度的数字是一种常见的需求，主要应用于需要精确匹配特定格式数据的场景。例如，在录入银行账号、电话号码、序列号等信息时，需要按照特定的数字长度和格式进行输入，以符合某些标准和规范，可以有效避免数据录入错误，提高数据的准确性和合规性，同时也便于后续的数据处理和验证工作。

Slide 4

主表字段控制主表中单行文本字段录入的数据格式及长度。数据录入之后若监测到不合规，则立即进行提醒但是不清空。进行提交或保存操作时，也会校验数据格式及长度，若不合规，则提醒并拦截。实现效果

Slide 5

明细表字段控制明细表中单行文本字段录入的数据格式及长度。数据录入之后若监测到不合规，则立即进行提醒但是不清空。进行提交或保存操作时，也会校验数据格式及长度，若有不合规的明细行数据存在，则提醒并拦截。实现效果

Slide 6

JS代码块应用样例

Slide 7

配置实现步骤实现方式：后台打开HTML模板；打开插入代码块；插入修改好的代码。插入代码块

Slide 8

JS代码示例—控制主表中单行文本字段仅能输入指定长度的数字 jQuery().ready(function () { var fieldId = "field11248"; var maxLength = 11; WfForm.bindFieldAction("onblur", fieldId, function(fieldid,rowIndex){ var value =WfForm.getFieldValue(fieldId); var reg = new RegExp("^\d{" + maxLength + "}$");//正则表达式，11位纯数字 if (!reg.test(value)) { alert("请输入" + maxLength + "位数字！"); } }); WfForm.registerCheckEvent(WfForm.OPER_SAVE+","+WfForm.OPER_SUBMIT,function(callback){ var value =WfForm.getFieldValue(fieldId); var reg = new RegExp("^\d{" + maxLength + "}$");//正则表达式，11位纯数字 if (!reg.test(value)) { alert("请输入" + maxLength + "位数字！"); }else{ callback(); } }); }); 设置说明：直接替换fieldid为对应字段id值即可。 alue)) { alert("请输入" + maxLength + "位数字！"); }else{ callback(); } }); }); 设置说明：直接替换fieldid为对应字段id值即可。## Slide 9

JS代码示例—控制明细表中单行文本字段仅能输入指定长度的数字 jQuery().ready(function () { var fieldId_mx = "field11249"; var maxLength = 11; var reg = new RegExp("^\d{" + maxLength + "}$");//正则表达式，11位纯数字 WfForm.bindFieldAction("onblur", fieldId_mx, function(fieldid,rowIndex){ var fieldMark_mx = WfForm.getFieldValue(fieldId_mx+"_"+rowIndex); if (!reg.test(fieldMark_mx)) { alert("请输入" + maxLength + "位数字！"); } }); WfForm.registerCheckEvent(WfForm.OPER_SAVE+","+WfForm.OPER_SUBMIT,function(callback){ var rowArr = WfForm.getDetailAllRowIndexStr("detail_1").split(","); var numErrors = 0; // 重置错误计数器设置说明：直接替换fieldid为对应字段id值即可。

Slide 10

JS代码示例—控制明细表中单行文本字段仅能输入指定长度的数字 for(var i=0; i<rowArr.length; i++){ var rowIndex = rowArr[i]; if(rowIndex !== ""){ var fieldMark_mx = WfForm.getFieldValue(fieldId_mx+"_"+rowIndex); if (!reg.test(fieldMark_mx)) { numErrors += 1; } } } if(numErrors == 0){ callback(); }else{ alert("存在 " + numErrors + " 个字段不符合要求，请修正后再提交！"); } }); }); 设置说明：直接替换fieldid为对应字段id值即可。

Slide 11

志达宇泛见著于微感谢您的信任与支持！我们始终努力提供好用的移动办公平台