<formclass="layui-form"action="">
<divclass="layui-form-item">
<labelclass="layui-form-label">反馈主题</label>
<divclass="layui-input-block">
<inputname="title"class="layui-input"type="text"placeholder="请输⼊标题"autocomplete="off"lay-
verify="title">
</div>
</div>
<divclass="layui-form-item">
<labelclass="layui-form-label">姓名</label>
<divclass="layui-input-block">
<inputname="fname"class="layui-input"type="text"placeholder="请输⼊姓名"autocomplete="off"lay-
verify="fname">
</div>
</div>
<divclass="layui-form-item">
<labelclass="layui-form-label">⼿机</label>
<divclass="layui-input-block">
<inputname="phone"class="layui-input"type="tel"autocomplete="off"placeholder="请输⼊⼿机"lay-
verify="phone">
</div>
</div>
<divclass="layui-form-item">
<labelclass="layui-form-label">邮箱</label>
<divclass="layui-input-block">
<inputname="email"class="layui-input"type="text"autocomplete="off"placeholder="请输⼊邮箱"lay-
verify="email">
</div>
</div>
<divclass="layui-form-item">
<labelclass="layui-form-label">单选框</label>
<divclass="layui-input-block">
<inputname="sex"title="男"type="radio"checked=""value="男">
<inputname="sex"title="⼥"type="radio"value="⼥">
<inputname="sex"title="保密"type="radio"value="密">
</div>
33.
</div>
<!--<divclass="layui-form-item layui-form-text">
<labelclass="layui-form-label">普通⽂本域</label>
<divclass="layui-input-block">
<textareaclass="layui-textarea"placeholder="请输⼊内容">请输⼊内容</textarea>
</div>
</div>-->
<divclass="layui-form-item layui-form-text">
<labelclass="layui-form-label">内容</label>
<divclass="layui-input-block">
<textareaclass="layui-textarea layui-hide"name="contact"id="LAY_demo_editor"lay-
verify="contact"></textarea>
</div>
</div>
<divclass="layui-form-item">
<divclass="layui-input-block">
<buttonclass="layui-btn"lay-filter="demo2"lay-submit="">跳转式提交</button>
<buttonclass="layui-btn"lay-filter="demo1"lay-submit="">⽴即提交</button>
<buttonclass="layui-btn layui-btn-primary"type="reset">重置</button>
</div>
</div>
</form>
js验证代码
[html]
<script>
layui.use(['form', 'layedit', 'laydate'], function(){
var form = layui.form()
,layer = layui.layer
,layedit = layui.layedit
,laydate = layui.laydate;
//⾃定义验证规则
form.verify({
title: function(value){
if(value.length <5){
return '标题⾄少得5个字符啊';
}
}, fname: function(value){
if(value.length <4){
return '请输⼊⾄少4位的⽤户名';
}
}, contact: function(value){
if(value.length <4){
return '内容请输⼊⾄少4个字符';
}
}
,phone: [/^1[3|4|5|7|8]\d{9}$/, '⼿机必须11位,只能是数字!']
,email: [/^[a-z0-9._%-]+@([a-z0-9-]+\.)+[a-z]{2,4}$|^1[3|4|5|7|8]\d{9}$/, '邮箱格式不对']
});
//创建⼀个编辑器
layedit.build('LAY_demo_editor');
//监听提交
form.on('submit(demo1)', function(data){
layer.alert(JSON.stringify(data.field), {
title: '最终的提交信息'
})
return false;
});
});
</script>