W3Cschool
恭喜您成為首批注冊用戶
獲得88經(jīng)驗(yàn)值獎勵
mip-form 用來支持 mip 中的表單提交。
標(biāo)題 | 內(nèi)容 |
---|---|
類型 | 通用 |
支持布局 | responsive,fixed-height,fill,container,fixed |
所需腳本 | https://mipcache.bdstatic.com/static/v1.2/mip-form.js |
<mip-form method="post" url="www.baidu.com">
<input type="input" name="username" validatetarget="username" validatetype="must" placeholder="姓名">
<div class="mip-form-target" target="username">姓名不能為空</div>
<input type="input" name="email" validatetarget="email" validatetype="email" placeholder="郵件">
<div class="mip-form-target" target="email">填寫正確的email</div>
<input type="input" name="phone" validatetarget="phone" validatetype="phone" placeholder="電話">
<div class="mip-form-target" target="phone">填寫正確的電話格式</div>
<input type="input" name="customnumber" validatetarget="custom" validatetype="custom" validatereg=^[0-9]*$ placeholder="我是自定義驗(yàn)證規(guī)則數(shù)字">
<div class="mip-form-target" target="custom">請輸入正確的數(shù)字</div>
<input type="submit" value="提交">
</mip-form>
<mip-form method="post" url="xxx" clear="true">
<input type="input" name="username" validatetarget="username" validatetype="must" placeholder="姓名">
<div target="username">姓名不能為空</div>
<input type="input" name="email" validatetarget="email" validatetype="email" placeholder="郵件">
<div target="email">填寫正確的email</div>
<input type="submit" value="提交">
</mip-form>
說明:表單提交方法
必選項(xiàng):是
說明:表單提交url
必選項(xiàng): 是
說明: 驗(yàn)證提示對應(yīng)tag,用于對應(yīng)錯誤時(shí)的提示顯示元素的查找
必選項(xiàng):否
說明:驗(yàn)證類型, 用于支持簡單的驗(yàn)證。目前提供email、phone、idcar、custom。當(dāng)為custom時(shí)則需要填寫validatereg
必選項(xiàng):否
說明: 自定義驗(yàn)證,補(bǔ)充站長個(gè)性化的驗(yàn)證規(guī)則。如果validatetype為custom時(shí)需填寫相應(yīng)驗(yàn)證規(guī)則
必選項(xiàng):否
說明: 表單中input清空按鈕開關(guān)
必選項(xiàng):否
Copyright©2021 w3cschool編程獅|閩ICP備15016281號-3|閩公網(wǎng)安備35020302033924號
違法和不良信息舉報(bào)電話:173-0602-2364|舉報(bào)郵箱:jubao@eeedong.com
掃描二維碼
下載編程獅App
編程獅公眾號
聯(lián)系方式:
更多建議: