国产探花免费观看_亚洲丰满少妇自慰呻吟_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插件表單驗證提交觸發提交的例子就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持武林網。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 轮台县| 永年县| 平江县| 宜宾县| 蒙城县| 泾川县| 格尔木市| 礼泉县| 区。| 南康市| 榆树市| 新河县| 东乡族自治县| 赫章县| 高唐县| 黑山县| 福贡县| 广德县| 平江县| 金堂县| 林西县| 北宁市| 当阳市| 洛隆县| 房产| 绥化市| 台前县| 贵定县| 太谷县| 凌源市| 庆安县| 阿克| 丰原市| 依兰县| 昌乐县| 海宁市| 墨玉县| 耒阳市| 宁河县| 犍为县| 西吉县|