国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

layui插件表單驗證提交觸發提交的例子

2019-11-19 10:51:01
字體:
來源:轉載
供稿:網友

廢話不多說,大家直接看代碼吧!

<!------HTML部分--------->

   <form class="layui-form" action="{:url('login/login')}" method="post">    <div class="logi_content">     <p class="tit">管理系統</p>     <div class="layui-form-item">      <label class="layui-form-label">賬號:</label>      <div class="layui-input-block">       <input type="text" name="username" lay-verify="required|username" autocomplete="on" placeholder="請輸入您的郵箱" class="layui-input">      </div>     </div>     <div class="layui-form-item">      <label class="layui-form-label">密碼:</label>      <div class="layui-input-block">       <input type="password" name="password" lay-verify="required|pass" autocomplete="on" placeholder="請輸入密碼" class="layui-input">      </div>     </div>     <ul class="login_ul">      <li class="de_lu">       <img src="__IMG__/select.png" alt="" class="select" />       <img src="__IMG__/selected.png" alt="" class="selecteds" /> 自動登錄      </li>      <li class="forgit">       <a href="">忘記密碼?</a>      </li>     </ul>     <ul class="reset">      <li class="di">       <a class='enterSubmit' id='enterSubmit' lay-submit lay-filter="*">登錄</a>      </li>      <li class="re">       <a href="">重置</a>      </li>     </ul>    </div>    </form>

<!------js部分--------->

layui.use(['layer','upload','form'],function() {   var layer = layui.layer,   form = layui.form;   /**   * 通用表單驗證   */   form.verify({    username:[/^([a-zA-Z0-9_/./-])+/@(([a-zA-Z0-9/-])+/.)+([a-zA-Z0-9]{2,4})+$/,'賬號格式不正確'],    pass: [/^[/S]{6,12}$/,'密碼必須6到12位,且不能出現空格']   });    /**   * 通用表單提交(AJAX方式)   */   form.on('submit(*)', function (data) {    $.ajax({     url: data.form.action,     type: data.form.method,     data: $(data.form).serialize(),     success: function (info) {      if (info.code === 1) {       setTimeout(function () {        location.href = info.url;       }, 1000);      }      layer.msg(info.msg);     }    });    return false;   }); })    //回車鍵觸發提交   $("input").keydown(function(event){    if (event.keyCode == 13) {     document.getElementById("enterSubmit").click();    }   })

以上這篇layui插件表單驗證提交觸發提交的例子就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持武林網。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 克什克腾旗| 台东市| 民丰县| 安义县| 扎囊县| 林甸县| 黄石市| 灯塔市| 元朗区| 建阳市| 虞城县| 文化| 宿迁市| 泸西县| 高平市| 齐齐哈尔市| 泾川县| 固原市| 永靖县| 连南| 凯里市| 海丰县| 方山县| 大英县| 巴彦县| 华坪县| 黄梅县| 耒阳市| 洮南市| 沈丘县| 光山县| 永胜县| 布拖县| 鸡东县| 遂川县| 南雄市| 长葛市| 密云县| 民权县| 根河市| 江孜县|