JSP输入限制：数字、手机与身份证验证及求和功能

本文档主要讨论了在JSP页面中如何实现各种输入字段的限制功能，包括数字输入、手机号码格式验证、身份证号码验证以及金额求和。以下是详细的知识点： 1. **数字输入限制**： 在JavaScript代码中，`<input>`元素的`onblur`事件被用来处理数字输入的实时求和。通过`parseInt()`函数将用户输入的值转换为整数，并乘以100进行临时存储。例如： ``` var sum = (((parseInt($("#one").val()) * 100) + (parseInt($("#two").val()) * 100) + (parseInt($("#three").val()) * 100)) / 100); $("#sum").val(sum.toFixed(2)); ``` 这里使用`.toFixed(2)`确保结果保留两位小数。 2. **手机号码格式验证**： `check()`函数用于检查输入的电话号码是否符合中国手机号码格式，使用正则表达式`/^(((13[0-9]{1})|(15[0-3,5-9]{1})|(18[0,5-9]{1}))+\d{8})$/`来校验。如果输入不符合格式，会弹出警告提示。 3. **身份证号码验证**： `check2()`函数对身份证号码进行了验证，使用正则表达式`/^\d{6}((?:19|20)(?:(?:\d{2}(?:0[13578]|1[02])(?:0[1-9]|[12]\d|3[01]))|(?:\d{2}(?:0[13456789]|1[012])(?:0[1-9]|[12]\d|30))|(?:\d{2}02(?:0[1-9]|1\d|2[0-8]))|(?:(?:0[48]|[2468][048]|[13579][26])0229)))\d{2}(\d)[X\d]$/`来确保输入的身份证号码是有效的。 4. **字符长度限制**： `maxlength`属性用于设置输入字段的最大字符数，如`maxlength="11"`，表示该输入字段最多允许输入11个字符。 5. **数字和小数点过滤**： `onkeyup`事件中的`value=value.replace(/[^\-?\d.]/g,'')`和`value=value.replace(/[^\d.]/g,'')`用于清除输入框中的非数字和非小数点字符，确保输入的是纯数字或小数。 6. **正则表达式检测**： `if((/[^\d.]/g).test(this)`用于在`onkeyup`事件中进一步检查输入是否只包含数字和小数点，如果有其他字符，则可能触发相应的错误处理。 本文档展示了在JSP页面中利用HTML和JavaScript实现输入字段的多样化限制，包括数据类型限制、长度控制以及格式验证，有助于提升用户体验和数据准确性。