Home > php教程 > PHP开发 > BootStrapValidator verification method

BootStrapValidator verification method

高洛峰
Release: 2017-01-03 17:38:51
Original
1694 people have browsed it

When doing input verification, if your front-end framework uses bootstrap, the first recommendation is the bootstrapValidator verification method. The specific process is as follows:

1. Download and import the js file

<link type="text/css" rel="stylesheet" href="${ctx}/components/validate/css/bootstrapValidator.css" />
<script type="text/javascript" src="${ctx}/components/validate/js/bootstrapValidator.js"></script>
<script type="text/javascript" src="${ctx}/components/validate/js/language/zh_CN.js"></script>
Copy after login

2.

$(表单id:)({
  message:&#39;这里写默认提示信息&#39;;
  feedbackIcons:{
          valid:&#39;glyphicon glyphicon-ok&#39;,
          invalid:&#39;glyphicon glyphicon-remove&#39;,
          validating:&#39;glyphicon glyphicon-refresh&#39;
        },
   fields: {
            inputName: {
            validators: {
              notEmpty: {
                message: &#39;时间不能为空&#39;
              },
              regexp: {
                 regexp: /^[0-9]+$/ ,
                 message: &#39;时间由数字组成&#39;
               },
                 stringLength: {
                min: 1,
                max: 20,
                message: &#39;角色名长度必须在1到20之间&#39;
              }
          }
      }
   }
   )
Copy after login

There are various verifications on the Internet, and of course there are custom verifications. As in the above example, the time consists of numbers.

The above is the BootStrapValidator verification method introduced by the editor. I hope it will be helpful to you. If you have any questions, please leave me a message and the editor will reply to you in time. I would also like to thank you all for your support of the PHP Chinese website!

For more articles related to BootStrapValidator verification methods, please pay attention to the PHP Chinese website!

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Recommendations
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template