Rowan Liu's Tech
Home
Blog
CSS
JS
lib
Read
About
GitHub
Home
Blog
CSS
JS
lib
Read
About
GitHub
  • 在专精的路上走的一发不可收拾
  • 生活有感

    • lerna
    • jQuery实践
    • gzip
    • 2018 Web开发,实用指南
    • for 追求
    • Travis CI
    • 前端基础设施(gulp)
    • 知乎Live--前端工程师的职业规划
    • 前端架构演进
    • 组件的重写
    • vue-cli2 to vue-cli3
    • vue3
  • 翻译

    • 开篇
    • [译]在 Angular 中使用拦截器的方式 Top 10
    • 2020年关于 Vue 3 你需要知道的事
    • core-js@3, babel展望未来
    • Vue CLI 插件开发指南
    • @vue/cli-plugin-typescript README
    • @vue/cli-plugin-eslint
    • Vue 3 的开发进展
  • 那些年我面过的试

    • 开篇
    • JavaScript
    • css
  • 数据结构

    • 排序
  • 设计模式

    • 开篇
    • OOP
    • 表单验证

jQuery实践

input的change事件

有个这样的一个需求,表格中有许多要输入的input,input有长度的控制,和数字控制。

开始想到的做法是用jQuery valudate,一个表单验证插件,后台考虑到表格中所有的input都要进行控制,而jQuery validate需要绑定id,或者每个input加上相应的类来控制,就会变得非常麻烦,所以就想到用each或者map遍历table中的每个input,这样就可以统一的加上长度和数字控制。

还有一个问题就是数字的验证,原先就是验证下是不是number类型,后来考虑到可能会有负数、小数出现,所以就想到了正则表达式,Google一下,正则实数。

那么什么时候触发事件去判断是否符合实数要求呢,参考jQuery validate,觉得可以将事件触发绑定到input的change事件中。

实践出真知

参考资料

  • js常用正则
Edit this page
Last Updated: 2026/1/12 10:15
Contributors: Rowan Liu
Prev
lerna
Next
gzip