這篇文章主要介紹了wordpress添加Html5的表單驗證required方法小結(jié),本文通過實例代碼給大家介紹的非常詳細,對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下
表單驗證 是防止垃圾評論的一個方面,wordpress已經(jīng)自帶了嚴格的驗證方法,隨著HTML5的推廣支持,我們可以在WordPress評論表單上添加Html5的表單驗證方法驗證方法,增加用戶的良好體驗
1、required 屬性定義和用法
required 屬性規(guī)定必需在提交之前填寫輸入字段。
如果使用該屬性,則字段是必填(或必選)的。
注釋:required 屬性適用于以下 類型:text, search, url, telephone, email, password, date pickers, number, checkbox, radio , file。
2、修改wordpress的姓名和郵箱必填字段
WordPress 的話,評論框中需要用到email與url(對應(yīng)電子郵箱,網(wǎng)站)。結(jié)合required屬性、placeholder屬性,原來的代碼應(yīng)該修改為類似如下:
<input id="author" name="author" type="text" class="form-control" placeholder="昵稱" required="required" value="' . esc_attr( $commenter['comment_author'] ) . '" size="30" />
<input id="email" name="email" type="text" class="form-control" placeholder="272586593@QQ.com" required="required" value="' . esc_attr( $commenter['comment_author_email'] ) . '" size="30" />
3、修改氣泡提示樣式
在主題的style.css里添加樣式
/*===包含required的表單===*/
/* 無效 */
input:required:invalid{
CSS代碼
}
/* 有效 */
input:required:valid{
CSS代碼
}
總結(jié)
到此這篇關(guān)于wordpress添加Html5的表單驗證required方法小結(jié)的文章就介紹到這了,更多相關(guān)wordpress添加Html5的表單驗證required內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持腳本之家!
來源:腳本之家
鏈接:https://www.jb51.net/html5/741095.html
申請創(chuàng)業(yè)報道,分享創(chuàng)業(yè)好點子。點擊此處,共同探討創(chuàng)業(yè)新機遇!