npm install validate-framework --save

<form name="basicForm">  <div class="form-group">    <label for="email">邮箱：</label>    <input class="form-control" id="email" name="email" type="email" placeholder="请输入邮箱" />  </div>  <div class="form-group">    <label for="phone">手机：</label>    <input class="form-control" id="phone" name="phone" type="text" placeholder="请输入手机号" />  </div>  <input class="btn btn-primary" id="submit" type="submit" value="提交" /></form>

import validateFramework from 'validate-framework';const validator = new validateFramework({  formName: 'basicForm',  fields: {    email: {      rules: 'required | isEmail | maxLength(32)',      messages: "不能为空 | 请输入合法邮箱 | 不能超过 {{param}} 个字符"    },    phone: {      rules: 'isPhone',      messages: "手机号： {{value}} 不合法"    }  },  callback: function (result, error) {    // 阻止表单提交    validator.preventSubmit();    // do something...  }});// 验证validator.validate();

fields: {  email: {    rules: 'required | isEmail | maxLength(32)',    messages: "不能为空 | 请输入合法邮箱 | 不能超过 {{param}} 个字符"  },  phone: {    rules: 'isPhone',    messages: "手机号： {{value}} 不合法"  }}

errorPlacement: function (errorEl, fieldEl) {  // 非 label 、radio 元素  if (fieldEl.parentNode !== undefined) {    fieldEl.parentNode.appendChild(errorEl);  }},

callback: function (result, error) {  // 自定义逻辑  if (errors) {      // do something...  }}

// checkbox 至少选择两项 方法validator.addMethods({  selectLimit: function (field, param) {    // checkbox 至少选择两项    var checkedNum = 0;    for (var i = 0, elLength = field.el.length; i < elLength; i++) {      if (field.el[i].checked) {        checkedNum += 1;      }    }    return checkedNum >= param;  },});

validator.addFields({  userName: {    rules: 'required | isRealName',    messages: "不能为空 | 请输入真实姓名"  }});

// 移除单个validator.removeFields('userName');// 移除多个validator.removeFields('userName', 'email');

v.isEmail('[email protected]');v.isPhone('170111222231');