wordpress添加Html5的表單驗證required方法小結
時(shí)間:2026-05-05 02:51:14這篇文章主要介紹了wordpress添加Ht(′ω`)ml5的表單表單驗證required方法小結,本文??通過(guò)實(shí)例代碼給大家介紹的非常詳細,對大家的驗證學(xué)習或工作具有一定的參考借鑒價(jià)值,需要的小結朋友可以參考下
表單驗證 是防止垃圾評論的一個(gè)方面,wordpress已經(jīng)自帶了嚴格的表單驗證方法,隨著(zhù)HTML5的驗證推廣支持,我們可以在WordPresヽ(′ー`)ノs評論表單上添加Html5的小結表單驗證方法驗證方法,增加用戶(hù)的表單良好體驗
1、required 屬性定義和用法
req??ヽ(′?`)ノuired 屬性規定必需在┐(′д`)┌提交?之前(°□°)填寫(xiě)輸入字段。驗證
如??果使用該屬性,小(xiao)結則字段是表單(′;д;`)必填(ヽ(′▽?zhuān)?ノ或必選)的。
注釋?zhuān)簉equired="" 屬性適用于以下 類(lèi)型:text,驗證 search, url, telephone, email, password, date pickers, number, checkbox, radio , file。小結
2、表單修改wordpress的驗證姓名和郵箱必填字段(°o°)
WordPress 的話(huà),評論框中需要用到email與url(對應電子郵箱,小結網(wǎng)站)。結合required屬性、placeholder屬性,原來(lái)的代碼應該修改為類(lèi)似如下:
<input id="author" name='author' type=(′▽?zhuān)?"text" class="form-control" placeholder='昵稱(chēng)' required='required' value="┐(′ー`)┌' . esc_attr( $commenter[??'comment_author'] ) . '" size='30' />
<input id='email' name='email' type='text' class='form-control' placeholder="2725??86593(?_?;)@QQ.com" required="" value='' . esc_attr( $commenter['c??omment_author_e(′ω`)mail'] ) . '' size="30" />
3、修改氣泡提示??樣式
在主題的style.css里(li)添加樣式
/*===包含required的表單===*/
/* 無(wú)效 */
input:required='required':invalid{
CSS代碼
}
/* 有效 */(╬?益?)
input(/ω\):require??d:valid{
CSS代碼
}
總結(jie)
到此這篇關(guān)于wordpress添加Html5的表單驗證required方法小結的文章就(jiu)介紹到這了,更多(′?ω?`)相關(guān)wordpress添加Html5的表單驗證required內容請搜索腳本之家以前的文章或繼續瀏覽下面的相關(guān)文章,希望大家以后多多支持腳本之家!
來(lái)源:腳本之家
客服電話(huà)13345193196
Copyright ? 2012-2018 天津九安特機電工程有限公司 版權所有 備案號:
客服電話(huà)17358792654