layui 폼 검증 사례
4716 단어 layui 플러그인
HTML 코드:
js 검증 코드
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글자를 입력하십시오';
}
}
, 아이폰: [/^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;
});
});
다른 검증은 여기 보세요.
http://www.51xuediannao.com/js/jquery/jquery_validate/