html5怎么用wordpress添加表單驗證

小編給大家分享一下html5怎么用wordpress添加表單驗證，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

表單驗證 是防止垃圾評論的一個方面，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代碼
}

以上是“html5怎么用wordpress添加表單驗證”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學習更多知識，歡迎關(guān)注億速云行業(yè)資訊頻道！