[에세이] 구덩이 밟기 일기layui-verify의 사용자 정의 폼 검증 및 알림 팝업 (전체 코드 첨부)

8196 단어
인터넷에서 많은 자료를 찾았는데 기본적으로 모든 코드는 직접 검증을 뛰어넘었고 전혀 반응이 없었다. 공식 코드도 분명하게 말하지 못했고 연구를 해 보니 마침내 알게 되었다.
<script src="./layui/layui.js" charset="utf-8"></script>
<link rel="stylesheet" href="./layui/css/layui.css"  media="all">
<form class="layui-form" action="">
  <div class="layui-form-item">
    <label class="layui-form-label">     </label>
    <div class="layui-input-block">
      <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="     " class="layui-input">
    </div>
  </div>
  <div class="layui-form-item">
    <div class="layui-input-block">
      <button type="submit" class="layui-btn" lay-submit="" lay-filter="demo1">    </button>
    </div>
  </div>
</form>  
<script>
layui.use(['form'], function(){
     
  var form = layui.form
  ,layer = layui.layer
  //       
  form.verify({
     
    title: function(value){
     
      if(value.length < 5){
     
        return '     5    ';
      }
    }
  });
  //    
  form.on('submit(demo1)', function(data){
     
    layer.alert(JSON.stringify(data.field), {
     
      title: '       '
    })
    return false;
  });
});
</script>

상기 코드는 공식 코드 예시에서 추출한 단추 부분입니다.lay-filter는 감청을 제출하는 필터 값입니다.button은 전송 값이 없고 input을 사용할 수 있습니다

좋은 웹페이지 즐겨찾기