Complemento de validación de formularios bootstrapValidator

• La validación del formulario utiliza el complemento bootstrapValidator . (El enlace está vinculado a la dirección del almacén de la nube de código)

• Hay muchas introducciones al respecto en Internet, como cómo usar BootstrapValidator y cómo usar BootstrapValidator .

• Después de clasificar, resumir sus pasos de uso son los siguientes:

Pasos para el uso:

1. Primero introduzca bootstrap.css, jquery.js y bootstrap.js

2. Introducir bootstrapValidator.css y bootstrapValidator.js

3. Escriba el código de verificación, que se puede encapsular en una función por conveniencia

   // 比如，验证一个用户名和密码
    function test() {   // 方法自己任起
      return {
           // 固定写死
        fields: {
          username: { // 这里username是 input 的name属性值，表示对这个输入框进行验证
            validators: { // 添加真正的校验规则
              notEmpty: {   //不能为空
                message: '用户名不能为空.'// 如果不满足校验规则，则给出这句提示
              },
              stringLength: {   //检测长度
                min: 2, // 最少2位
                max: 15, // 最多15位
                message: '用户名需要2~15个字符'
              }
            }
          },
          password: {
            validators: {
              notEmpty: {
                message: '密码不能为空'
              },
              stringLength: {   //检测长度
                min: 6,
                max: 15,
                message: '密码需要6~15个字符'
              }
            }
          }
        }
      }
    }

4. Use la sintaxis del complemento, escuche los eventos de envío de formularios y use la validación

    // 语法：
    // $('表单').bootstrapValidator(上面的验证函数()).on('success.form.bv', function (e) {}
    ​
    // 比如，注册
    $('.register form').bootstrapValidator(test()).on('success.form.bv', function (e) {
        e.preventDefault();
        // 通过验证，这里的代码将会执行。我们将Ajax请求的代码放到这里即可
    });

complemento de información sobre herramientas