前言
在仅可输入英文字符的输入框内填写中文或其他语言的字符时,会给出报错。如果用户在复制进大段文字中夹杂了少许中文标点符,那么很难排查。因此,需要在原有校验基础上进行交互改进:失焦后标点符号自动转换,还有不能转换的给出提示框,同意则自动删除非法字符,取消则关闭提示框,用户手动修改。
概述
这是结合jquery 的 validate 表单验证插件及已有的 UI 组件进行的表单输入框交互改进方案。因此,如果不是 validate 框架则要重写 js 方法,如果是自定义的提示框结构样式,则需要添加相应的钩子:.J-x2en-contianer/.J-x2en-feedback/.J-m-tip/.J-show-btn/.J-confirm-btn/.J-cancel-btn
。
效果展示
详述
html 代码如下:
1 | <div class="form-item"> |
validate 扩展方法如下:
1 | /** |