锐客网

  1. 首页 > it技术 > >

input输入框仅支持输入数字及两位小数点解决

input输入后即时从接口获取数据的验证（仅支持输入数字及两位小数点的数字）

  • input输入后将输入内容传给后端，并且即时从后端拿到计算后的数值
  • 问题及难点
    • 输入框内容是否符合后端要求规范（如果不符合规范发请求会报400）
    • 前端做数据验证
  • 解决方案
    【input输入框仅支持输入数字及两位小数点解决】{{ ruleform.numCompute }}

    基本逻辑
  • 监听输入内容，初步通过elementui的校验规则进行判断，通过初步校验规则后，调用计算函数（后端请求），在此函数内进行判断，如果判断不通过就报提示，如果通过判断再发请求。获取数据
  • 两层规则处理，实际过程中只有通过该规则后才能发送请求

    推荐阅读


    上一篇：如何优雅的修改node_modules中的依赖库

    下一篇：支付宝转账(公钥证书模式)