文字框，手機，郵箱，textarea等格式的驗證

<script src="layui/layui.js"></script>

<link rel="stylesheet" href="layui/css/layui.css"> 

HTML程式碼：

1. <formclass="layui-form"action="">
2.                           <divclass="layui-form-item"
   >
3.                             <labelclass="layui-form-label">反饋主題</label>
4.                             <divclass="layui-input-block">
5.                               <inputname="title"class="layui-input"type="text"placeholder="請輸入標題"autocomplete="off"lay-verify="title">
6.                             </
   div>
7.                           </div>
8.                           <divclass="layui-form-item">
9.                             <labelclass="layui-form-label">姓名</label>
10.                             <divclass="layui-input-block">
11.                               <inputname="fname"
    class="layui-input"type="text"placeholder="請輸入姓名"autocomplete="off"lay-verify="fname">
12.                             </div>
13.                           </div>
14.                           <divclass="layui-form-item">
15.                             <labelclass="layui-form-label">手機</label>
16.                             <divclass="layui-input-block">
17.                               <inputname="phone"class="layui-input"type="tel"autocomplete="off"placeholder="請輸入手機"lay-verify="phone">
18.                             </div>
19.                           </div>
20.                           <divclass="layui-form-item">
21.                             <labelclass="layui-form-label">郵箱</label>
22.                             <divclass="layui-input-block">
23.                               <inputname="email"class="layui-input"type="text"autocomplete="off"placeholder="請輸入郵箱"lay-verify="email">
24.                             </div>
25.                           </div>
26.                           <divclass="layui-form-item">
27.                             <labelclass="layui-form-label">單選框</label>
28.                             <divclass="layui-input-block">
29.                               <inputname="sex"title="男"type="radio"checked=""value="男">
30.                               <inputname="sex"title="女"type="radio"value="女">
31.                               <inputname="sex"title="保密"type="radio"value="密">
32.                             </div>
33.                           </div>
34.                           <!--<divclass="layui-form-item layui-form-text">
35.                             <labelclass="layui-form-label">普通文字域</label>
36.                             <divclass="layui-input-block">
37.                               <textareaclass="layui-textarea"placeholder="請輸入內容">請輸入內容</textarea>
38.                             </div>
39.                           </div>-->
40.                           <divclass="layui-form-item layui-form-text">
41.                             <labelclass="layui-form-label">內容</label>
42.                             <divclass="layui-input-block">
43.                               <textareaclass="layui-textarea layui-hide"name="contact"id="LAY_demo_editor"lay-verify="contact"></textarea>
44.                             </div>
45.                           </div>
46.                           <divclass="layui-form-item">
47.                             <divclass="layui-input-block">
48.                               <buttonclass="layui-btn"lay-filter="demo2"lay-submit="">跳轉式提交</button>
49.                               <buttonclass="layui-btn"lay-filter="demo1"lay-submit="">立即提交</button>
50.                               <buttonclass="layui-btn layui-btn-primary"type="reset">重置</button>
51.                             </div>
52.                           </div>
53.                         </form>

js驗證程式碼

1. <script>
2. layui.use(['form', 'layedit', 'laydate'], function(){  
3.   var form = layui.form()  
4.   ,layer = layui.layer  
5.   ,layedit = layui.layedit  
6.   ,laydate
   相關推薦

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

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

   讓form表單的input文字框不可編輯的方法

   有兩種方法可以達到類似的效果： disabled ：屬性規定禁用 input 元素，不可編輯，不可複製，不可選擇，不能接收焦點， 後臺也不會接收到傳值。設定後文字的顏色會變成灰色。disabled 屬性無法與<input type="hidden"> 一起使用。 read

   常用正則表示式大全，手機 電話 郵箱 身份證 最嚴格的驗證 IP地址 網址 日期等，一般前臺js驗證，來這裡就夠了

   分享一下我老師大神的人工智慧教程！零基礎，通俗易懂！http://blog.csdn.net/jiangjunshow 也歡迎大家轉載本篇文章。分享知識，造福人民，實現我們中華民族偉大復興！        

   layui表單驗證select下拉框是如何驗證的

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

   JQuery實現提交(submit)表單時候驗證所有文字框是否為空

   先引用jquery Html部分--------------------------------- <form> <table> <tr> <td align="center"><input id="t

   bootstrap 表單 input group 輸入框內帶字符 加文字 符號

   默認 amp 字符 orm -s 輸入框 style 輸入 code <div class="form-group" id=‘rule4‘ style=‘display:none;‘>

   layui表單元素的radio單選框問題

   單選框按鈕在顯示的時候無法直接根據value判斷，儲存獲取其值也是單純根據checked屬性獲取，如果checked屬性寫死，那麼就算手動切換了，也是儲存的寫死的那個值，所以radio按鈕賦值需要特殊對待。 for(var name in result.entity){ //遍歷返回

   HTML5表單中password輸入框的文字顯示與隱藏實現

   人生苦短，道阻且艱；修行不易，且行且努力。 【專業擅長領域】：iOS開發，遊戲開發，圖形學 【擅長平臺】：iOS平臺，Unity --------------------------------------------------------- 【個人主頁】：信厚

   JS實現點選文字框清除表單內部預設文字

   有時大家在填寫表單內容時，表單裡會出現一些預設提示文字，我們又不想一個個刪除，有什麼辦法可以實現快速清除？下面就是我為大家準備的小程式碼： <form action="" method="get" name="so_box" id="so_box"> <inp

   layui表單驗證範例

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

   layui表單驗證demo

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

   layui表單ajax自定義驗證

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

   layUI表單提交時，控制檯出現$（...）serializeObject is not a function錯誤——解決方案

   先上錯誤：這個錯誤是在控制檯爆出的錯誤，序列化表單，點選儲存按鈕是出現$（...）serializeObject is not  a function,這個錯誤的意思是找不到serializeObjec

   前端之路——第三篇：列表、表單、提交按鈕、html佈局、css的display，製造第一個表單提交案例

   第三課了，今天知識點至關重要。 網頁常用的表單提交！！！ 就這樣羅列下第三課的知識點吧，不搞水印圖片了。 1.有序列表：語法（<ol><li></li></ol>），<ol>標籤能讓瀏覽器預設帶出排序，教為少用

   bootstrap-表單控件——輸入框input

   bootstrap-表單控件——輸入框input1.運行效果如圖所示2.實現代碼如下<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Co

   from表單實現無跳轉上傳文件，接收頁面後臺數據

   spl white lis not left alt tro pos ftp 　　實現無跳轉發送表單數據、文件，並能接收後臺返回的數據。 　　主要技術要點： 　　1、form表單添加target屬性，指定一個iframme的name；form表單提交後在iframe內嵌窗口

   Bootstrap使用模態框modal實現表單提交彈出框

   -s 彈出層 lib 前端 close css 狀態 upd 技術 Bootstrap 模態框（Modal）插件 模態框（Modal）是覆蓋在父窗體上的子窗體。通常，目的是顯示來自一個單獨的源的內容，可以在不離開父窗體的情況下有一些互動。子窗體可提供信息、交互等。如果您想要

   layui表單提交

   輸入框 mit des itl tex word text 3.3 return 關於layui表單提交 只是簡單用一個文本框記錄一下提交過程 其他的如下拉框選擇框樣式可以參考官網 下面直接開始。首 一：前臺頁面 <!DOCTYPE html><h

   easyUI：combotree 選擇xxx，文字框只顯示子節點，不顯示父節點

   <input id="AAAxxxxxxId" name="XX" multiple style="width: 215px;"></input>     $('#AAAxxxxxxId').combotree({   &n

   【HTML】為form表單增加確認彈框confirm

   今天讓給一個頁面增加一個確認的彈框… 想參照其他的頁面,模仿著寫,結果後來模仿了好久..都不對勁..因為他們都是使用的button.. 而唯獨需要我操作增加確認彈框的,使用的form表單.. 在操作了多種複雜操作後,都一一失敗..最後看到了一個最簡單的,居然成功了.. 就是在inp