使用 layUI做一些简单的表单验证

使用 layUI做一些简单的表单验证

 

<form method="post" class="layui-form" >
　　<input name="username" placeholder="用户名"  type="text" lay-verify="required" class="layui-input" >
　　<hr class="hr15">
　　<input name="password" lay-verify="required" placeholder="密码"  type="password" class="layui-input">
　　<hr class="hr15">
　　<input value="登录" lay-submit lay-filter="login" style="width:100%;" type="submit">
　　<hr class="hr20" >
</form>
<script>
    $(function  () {
        layui.use('form', function(){
            var form = layui.form;

            form.on('submit(login)', function(data){
                layer.msg(JSON.stringify(data.field),function(){
                    console.log('Success');
                });
                return false;
            });
        });
    })
</script>

参考链接