1. 程式人生 > >layui表單驗證範例

layui表單驗證範例

HTML程式碼

<form id='formDemo' action="" method='POST' class="layui-form">
<input type="text" class="cell-input"name="type" lay-verify="type|required" placeholder="型別" autocomplete="off" />
<input type="text" class="cell-input"name="address" lay-verify="address|required" placeholder="請選擇錢包地址" autocomplete="off" /> <input type="submit" class="btn-block btn-primary address_save" value="儲存" lay-filter="formDemo" lay-submit/></form>

  
    layui.use('form', function(){
        var form = layui.form;
        //自定義驗證規則
        form.verify({
            type: function(value){
                if(value == 0){
                    return '請選擇正確種類';
                }
            }
            ,address: function(value){
                if(value.length == 0){
                    return '地址不能為空';
                }
            }
            
        });
        
        //監聽提交
        form.on('submit(formDemo)', function(data){
            $.post("{:U('UserCenter/addAddressBook')}",data.field,function(res){
                layer.msg('操作成功',{time:2000},function(){
                    window.location.href = "{:U('UserCenter/AddressBook')}";
                })
            }).error(function(xhr, status, info){layer.msg('操作失敗')});
            return false;
        });
    });

相關推薦

layui驗證範例

HTML程式碼<form id='formDemo' action="" method='POST' class="layui-form"> <input type="text" class="cell-input"name="type" lay-verif

layui驗證select下拉框是如何驗證

layui 的form表單裡的select 一開始以為加上lay-verify="required"就可以驗證不空了,可是反覆試了幾次都不能驗證,程式碼如下 <div class="layui-form-item"> <label class="layui-

layui 驗證案例文字框,手機,郵箱,textarea等格式的驗證

文字框,手機,郵箱,textarea等格式的驗證 <script src="layui/layui.js"></script> <script src="layu

layui驗證demo

表單驗證方法很多,使用layui外掛自帶的驗證寫法也是很簡單。首先到官網http://www.layui.com/下載layui外掛,然後按照官方提供的API編寫前臺頁面就可以了,下面提供一個layui

layui驗證

這篇文章的表單驗證我只是隨便記錄下,望各位看官理解 1.排序 驗證 html程式碼 <div class="layui-form-item"> <label class="layui-form-label">排序</label>

layuiajax自定義驗證

用layui表單自定義驗證使用者名稱是否存在,一開始在下面1處放return,總是不成功,檢視發現return要寫在最後,即現在的2處 原因是ajax內部的return返回到ajax定義函式,而不是返回到ajax外層的函式 form.verify({ pass: [/

layui 自定義驗證的幾個實例

manage ror ida div nbsp ace pla for trim *註:使用本方法請先引入layui依賴的layu.js和layui.css 1.html <input type="text" name="costbudget" lay-

純H5+c3實現驗證

mail ida 網址 put 滿足 字段 address ini css3 客戶端驗證是網頁客戶端程序最常用的功能之一,我們之前使用了各種各樣的js庫來進行表單的驗證。HTML5其實早已為我們提供了表單驗證的功能。至於為啥沒有流行起來估計是兼容性的問題還有就是樣式太醜陋了

驗證

java pwd word 用戶註冊 -1 style 字符 text date <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></

JaveWeb 公司項目(4)----- Easyui的驗證

過程 -- 目前 要求 今天 和數 希望 小項目 web 前面三篇博文講述的是界面的搭建和數據的傳輸,可以看出目前我做的這個小項目已經有了一個大體的雛形,剩下的就是細節部分的打磨和一些友好的人機交互設計,今天做的是表單的驗證,作為初學者,著實花了一番功夫,所以寫一篇博文將這

jQuery基礎(常用插件 驗證,圖片放大鏡,自定義對象級,jQuery UI,面板折疊)

此外 cookie值 添加圖標 tor 列表 需要 droppable 使用 ddn 1.表單驗證插件——validate 該插件自帶包含必填、數字、URL在內容的驗證規則,即時顯示異常信息,此外,還允許自定義驗證規則,插件調用方法如下: $(form).vali

第一篇,js驗證模板

scrip put func wrong lur ctype lan lang 執行 下面是對於一個email的表單驗證的基本模板<!DOCTYPE html><html lang="en"><head> <meta char

一個驗證

wrong spa 插件 position ava char email格式 box eth <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/

angular js h5關於驗證的例子

checked tro mis scrip att sta error 自定義 account angular js表單驗證 <!DOCTYPE html><html><head lang="en"> <meta charse

Java Script 第10章 JavaScript驗證

cnblogs ges scrip isp asc ima javascrip lock 分享 Java Script 第10章 JavaScript表單驗證

驗證的設計

解決方案 正則 wan 光有 做了 我只 cnblogs 提示 重要   不說廢話,直接留幹貨。實現的效果:多條表單提交的時候,如果某個表單的輸入不和格式要求,則提示對應的錯誤信息,所有表單的內容合適,則提交到後臺。顯示代碼(這裏的dom的結構不唯一,我只是在我實際的項目中

SpringBoot驗證

mage 驗證 log image 技術分享 img 不能 spring blog 需求:年齡在18歲以下的女生不能註冊 處理器中的寫法: 實體類中的寫法: SpringBoot表單驗證

驗證 靠name獲取

res 獲取 ems let nbsp jquer 手機 ear sub 表單 靠name獲取 <form class="add-form" name="form" action="#" method="post" autocomplete="on">

jq中的驗證插件------jquery.validate

此外 郵箱 method 你們 ostc [0 ade 使用 js代碼 今天我們來說一下表單驗證,有人說我們在進行表單驗證的時候使用正則來驗證是非常麻煩的,現在我來給大家介紹一下表單驗證的插件:jquery.validate.min.js 它是與jquery一起結合

JavaScript驗證和正則表達式

sco 集合 innertext ner rep tell 一次 臨時 軟件 JavaScript表單驗證 分為四類:   1.非空驗證     常用於用戶名等   2.相等驗證     常用於驗證兩次輸入的密碼   3.範圍驗證     常用於年齡等