jquery.h5validate.js表单验证器插件-BFW插件库

jquery.h5validate.js表单验证器插件

使用方式：

第一步引入bfwone 加载依赖项jquery

第二步use插件

第三步配置参数

示例代码

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>BFW NEW PAGE</title>
    <script id="bfwone" data="dep=jquery.17&err=0" type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/bfwone.js"></script>
    <script type="text/javascript">
        bready(function() {
            use(["jquery.h5validate"], function() {
                $('#black').h5Validate({
                    errorClass: 'black'
                });
            });
        });
    </script>
    <style>
        .black {
            background-color: red;
            color: white;
        }
    </style>
</head>
<body>
    <form id="black">
        <label for="name">Your Name:*</label>
        <input id="name" name="name" type="text" placeholder="请输入姓名" title="你的姓名必填." required />
        <div id="invalid-name" style="display: none;">

        </div>
        <label for="email">Your email:*</label>
        <input type="text" id="email" class="h5-email" required />
        <label for="date">Your date:*</label>

        <input id="date" name="name" type="text" placeholder="mm/dd/yyyy" title="mm/dd/yyyy" pattern="(0[1-9]|1[012])[- /.](0[1-9]|[12][0-9]|3[01])[- /.](19|20)\d\d">
        <label for="phone">Your phone:*</label>
            <input type="tel" id="phone" required>
        
    </form>
</body>
</html>

官网：https://github.com/ericelliott/h5Validate