async-validator基本用法 jQuery表单验证如何禁止输入汉字

async-validator的基本用法是怎么样的

说到async-validator，咱们先得搞明白它到底是干嘛的。简单来说，它就是用来帮你校验表单数据的合法性，给出各种验证规则和对应的提示信息，方便得很。举个栗子，像验证用户名是不是填了，是不是长度够，都能轻松搞定。

下面给你个简单的示范代码，让你感受一下它的用法：

import AsyncValidator from 'async-validator'
// 定义校验规则
const descriptor = {
  username: [
    { required: true, message: '请填写用户名' },
    { min: 3, message: '用户名至少3个字符' }
  ]
}
// 创建验证器实例
const validator = new AsyncValidator(descriptor)
// 测试数据
const data = {
  username: ''
}
// 开始验证
validator.validate(data, (errors, fields) => {
  if(errors){
    console.log('验证失败:', errors)
  } else {
    console.log('验证成功！')
  }
});

怎么样？是不是很简单？你只需要定义规则，传入数据，然后等着拿结果就行了，棒棒哒！

formvalidator教程

jQuery formValidator怎么禁止输入汉字和其他表单验证技巧有哪些

关于jQuery的formValidator插件，那也是非常实用的一个宝贝，特别适合做前端的表单验证。比如你想禁止输入汉字，可以写个正则表达式，很简单：

/^[\u4E00-\u9FA0]+$/

不过别急，咱们如果想禁止汉字输入，应该反过来用一个不允许汉字的正则，比如：

/^[^\u4E00-\u9FA0]+$/

说白了就是，只允许非汉字字符输入！是不是很酷炫？

然后，这里给你整合几个常见的操作步骤，手把手教你如何用jQuery formValidator验证表单：

注册页面的验证： 通常用Freemarker写一个注册页，比如register.ftl，上边用jQuery formValidator框架。当表单满足验证规则时，通过Ajax提交数据到后台。
表单校验绑定： 你可以在页面任意位置绑定验证函数，比如onsubmit='return validateFirstValidatorForm(this);'，确保在用户点提交的时候先进行校验。
禁止汉字输入校验： 利用前面提到的正则，写一个自定义校验规则，让表单在输入汉字时直接提示错误。
交互优化： 你还可以通过修改formValidator源码，实现在验证时自动移除提交按钮的焦点，避免点提交后按钮一直高亮，用户体验up up！
表单重置与跳转： 比如注册成功后，弹个确认框，然后把表单重置，接着跳转到指定页面。这段代码超实用：

if(msg=="注册成功！"){
  $('#form1').resetForm();
  location.href = "abc.aspx";
}

高级用法： 对于Struts这类后端框架，可以继承ValidatorForm来定义表单验证，更加正规和强大，代码也方便管理。
懒加载的值赋予： 还有像LazyValidatorForm的用法，利用indexed="true"属性可以轻松取得各种动态表单字段，非常适合复杂场景。

说白了，这套流程就是让你表单验证既精准又贴心，用户填写的每一步都会有反馈，绝不让糊涂错误溜过。

formvalidator教程