html**：
<
form
class="layui-form"
action=""
>
<
divclass="layui-form-item"
>
<
label
class="layui-form-label"
>反饋主題
label
>
<
divclass="layui-input-block"
>
<
input
name="title"
class="layui-input"
type="text"
placeholder="請輸入標題"
autocomplete="off"
lay-verify="title"
>
div>
div>
<
divclass="layui-form-item"
>
<
label
class="layui-form-label"
>姓名
label
>
<
divclass="layui-input-block"
>
<
input
name="fname"
class="layui-input"
type="text"
placeholder="請輸入姓名"
autocomplete="off"
lay-verify="fname"
>
div>
div>
<
divclass="layui-form-item"
>
<
label
class="layui-form-label"
>手機
label
>
<
divclass="layui-input-block"
>
<
input
name="phone"
class="layui-input"
type="tel"
autocomplete="off"
placeholder="請輸入手機"
lay-verify="phone"
>
div>
div>
<
divclass="layui-form-item"
>
<
label
class="layui-form-label"
>郵箱
label
>
<
divclass="layui-input-block"
>
<
input
name="email"
class="layui-input"
type="text"
autocomplete="off"
placeholder="請輸入郵箱"
lay-verify="email"
>
div>
div>
<
divclass="layui-form-item"
>
<
label
class="layui-form-label"
>單選框
label
>
<
divclass="layui-input-block"
>
<
input
name="***"
title="男"
type="radio"
checked=""
value="男"
>
<
input
name="***"
title="女"
type="radio"
value="女"
>
<
input
name="***"
title="保密"
type="radio"
value="密"
>
div>
div>
<
divclass="layui-form-item layui-form-text"
>
<
label
class="layui-form-label"
>普通文字域
label
>
<
divclass="layui-input-block"
>
<
textarea
class="layui-textarea"
placeholder="請輸入內容"
>請輸入內容
textarea
>
div>
div>-->
<
divclass="layui-form-item layui-form-text"
>
<
label
class="layui-form-label"
>內容
label
>
<
divclass="layui-input-block"
>
<
textarea
class="layui-textarea layui-hide"
name="contact"
id="lay_demo_editor"
lay-verify="contact"
>
textarea
>
div>
div>
<
divclass="layui-form-item"
>
<
divclass="layui-input-block"
>
<
button
class="layui-btn"
lay-filter="demo2"
lay-submit=""
>跳轉式提交
button
>
<
button
class="layui-btn"
lay-filter="demo1"
lay-submit=""
>立即提交
button
>
<
button
class="layui-btn layui-btn-primary"
type="reset"
>重置
button
>
div>
div>
form
>
js驗證**
<
script
>
layui.use(['form', 'layedit', 'laydate'], function()
}, fname: function(value)
}, contact: function(value)
} ,phone: [/^1[3|4|5|7|8]\d$/, '手機必須11位，只能是數字！']
,email: [/^[a-z0-9._%-]+@([a-z0-9-]+\.)+[a-z]$|^1[3|4|5|7|8]\d$/, '郵箱格式不對']
});
//建立乙個編輯器
layedit.build('lay_demo_editor');
//監聽提交
form.on('submit(demo1)', function(data))
return false;
});
});
script
>
《Beego部落格案例》 表單資料驗證
先說我是乙個phpsir，閒來無事想研究研究beego這個框架，目的是想通過這樣乙個mvc框架來學習go的基本使用和練習一下go的基本語法和基本的業務處理邏輯，因為直接擼原生 煩躁無味，我相信做出東西會對自己是一種激勵並且基礎語法也會有相應的提公升，通過這樣乙個框架來造乙個簡單的部落格，可能更新時間...
python表單驗證 表單驗證
django有乙個form類為我們提供了強大的表單驗證提交。1 建立form from django import forms class commentform forms.form name forms.charfield label 您的姓名 max length 100 email form...
html5表單驗證美化綜合案例
用到的事件 oninput 在值發生變化時立馬觸發 oninvalid 在不符合驗證的時候觸發 onchange 雖然觸發值會發生變化，但不是立刻觸發，要滑鼠失去焦點時才能觸發 onfocus 在獲得焦點的時候觸發 效果圖 doctype html html lang en head meta ch...