form表单验证(Validform)

//进入插件
//jquery
<script type="text/javascript" src="jquery/jquery.min.js"></script>
//插件js 你可以在官网上搜索Validform下载
<script type="text/javascript" src="Validform/Validform_v5.3.2_min.js"></script>

使用

<form class="m-form" action="" method="post">
    <div class="layui-form-item">
        <div class="layui-input-block input_po">
            <input type="text" name="name" 
             placeholder="请输入用户名/注册手机号码" 
             autocomplete="off" 
             datatype="*" 
             errormsg="请输入用户名" 
             tipsrmsg="请输入用户名">
            <label class="Validform_checktip"></label>
        </div>
    </div>
 </form>

if( $(".m-form").length )
{
    $(".m-form").Validform({
        btnSubmit: '#btn_submit', //提交表达按钮ID
        postonce: true, //为true时，在数据成功提交后，表单将不能再继续提交。
        showAllError: true,
        tiptype: function (msg, o, cssctl)
        {
            if (!o.obj.is("form"))
            { 
                //根据你的表单找到提示的对象
                var objtip = o.obj.parent('div').find(".Validform_checktip");
                //移除样式
                objtip.removeClass('Validform_skate');
                cssctl(objtip, o.type);
                objtip.text(msg);
            }
        },
        beforeCheck:function(curform){
		//在表单提交执行验证之前执行的函数，curform参数是当前表单对象。
		//这里明确return false的话将不会继续执行验证操作;	
        	},
        	beforeSubmit:function(curform){
        		//在验证成功后，表单提交前执行的函数，curform参数是当前表单对象。
        		//这里明确return false的话表单将不会提交;	
        	},
        	callback:function(data){
        		//返回数据data是json对象，{"info":"demo info","status":"y"}
        		//info: 输出提示信息;
        		//status: 返回提交数据的状态,是否提交成功。如可以用"y"表示提交成功，"n"表示提交失败，在ajax_post.php文件返回数据里自定字符，主要用在callback函数里根据该值执行相应的回调操作;
        		//你也可以在ajax_post.php文件返回更多信息在这里获取，进行相应操作；
        		//ajax遇到服务端错误时也会执行回调，这时的data是{ status:**, statusText:**, readyState:**, responseText:** }； 		//这里执行回调操作;
        		//注意：如果不是ajax方式提交表单，传入callback，这时data参数是当前表单对象，回调函数会在表单验证全部通过后执行，然后判断是否提交表单，如果callback里明确return false，则表单不会提交，如果return true或没有return，则会提交表单。
        	}
  });