layui自带验证体系：手机号验证、邮箱验证、必填项非空验证、数字验证（含代码、案例）

  
  
  
  
  




class="layui-container mgt20">
  
class="site-border-green">
    
class="layui-elem-field layui-field-title" style="margin-top: 20px;">
      
class="layui-font-green">更改手机
    
  
  
  
class="layui-form" action="">
    
class="layui-form-item">
      class="layui-form-label">已绑定
      
class="layui-input-inline">
        class="layui-input" disabled="">
      
    
    
class="layui-form-item">
      class="layui-form-label">账号密码
      
class="layui-input-inline">
        class="layui-input">
      
      
class="layui-form-mid layui-word-aux">请输入当前账号密码
    
    
class="layui-form-item">
      class="layui-form-label">验证码
      
class="layui-input-inline">
        class="layui-input">
      
      class="layui-form-label pdlr0 codelabel">
        
      
    
    
class="layui-form-item">
      class="layui-form-label">新手机号
      
class="layui-input-inline">
        class="layui-input">
      
      
class="layui-form-mid">
        class="layui-btn layui-btn-xs">发送验证码
      
    
    
class="layui-form-item">
      class="layui-form-label">短信验证码
      
class="layui-input-inline">
        class="layui-input">
      
      
class="layui-form-mid layui-word-aux">请输入手机收到的验证码
    
    
class="layui-form-item">
      
class="layui-input-block">
        class="layui-btn" lay-submit lay-filter="mobileChangeButton">立即提交
        class="layui-btn layui-btn-primary">重置