表单提交前细节处理

今日处理表单,倍感繁琐,于是记一文

需求基本要求如下:

  • 收货人必须为正确邮箱格式
  • 收货人失焦 ajax 异步判断该账号 (在系统里是否已经担任别的角色等,如果异步返回结果为1 则是新账号,结果为2 则是 非法账号 不能添加 ,结果为3 已存在的账号 不能给他设置密码)
  • 国别下拉可查找 且可以根据中文全称 简称、英文全称 简称 (后端查找返回可选结果)

表单提交前细节处理_第1张图片

1.客户端

  • 文本框失去焦点是判断内容是否合法
  • 初始密码默认是不可填的 ,只有刚填完收货人,收货人失去焦点才可以决定密码是否必填还是不可填 (注意:如果第一次填了个正确的收货人账号,然后填写了密码,又再次修改收货人账号 失焦判断密码不可填要设置 样式不可disabled 同时清空密码框)
  • 提交前要再次验证内容 必填的,格式正确的。方可提交到服务端。

你可能感兴趣的:(前台)