整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
1.提交網站并驗證網站歸屬后即可使用站長工具。
2.建議您驗證所有需要進行分析的子域名，以便更充分地使用站長工具。
一、文件驗證
1、下載驗證文件
2、添加到進行驗證的網站域名（如：www.toutiao.com）根目錄下。
3、驗證成功后的站點，請不要刪除刪除HTML文件。
二、驗證校驗
添加完成后可以點擊這里進行驗證是否添加成功，如果添加成功能夠正常打開，不能打開需要重新確定。
三、觀察狀態
1、驗證通過
驗證成功的站點會在后臺正常展示
2、驗證失敗
若網站驗證失敗，請檢查是否為以下原因：
eb 網頁驗證器
驗證器是一種軟件程序，可以檢查對Web網頁是否標準。
當使用驗證器來檢查HTML,XHTML或CSS文件時，驗證器會根據您所選擇的標準返回一個錯誤列表。
在發布網頁之前請確保你驗證過所有的網頁都符號W3C標準。
通過W3C驗證HTML文件：
在下面的文本框中輸入你需要驗證的網頁地址：
單校驗是注冊環節中必不可少的操作，表單校驗可以提醒用戶填寫數據規則以確保用戶提交數據的效性，也可以防止用戶因誤操作、填寫錯誤數據或者惡意提交數據而占用服務器資源。
ElementUI封裝了組件el-form來收集、校驗和提交數據，其中的rules屬性就是用來做數據校驗的。ElementUI提供了一些常用的表單驗證規則，我們可以直接使用該規則來實現數據校驗。rules根據rules給出的規則會對prop中的值進行校驗，當不滿足要求時會彈出message相應的提示信息。
但是ElementUI提供的表單驗證規則是有限的，可能無法滿足我們項目的需求這時候就需要我們來自定義驗證規則。我們在在data() {}中添加自定義的校驗規則，然后在在data的return中通過validator引用校驗規則。data() {return{}}中定義的rules要 <el-form> 中的 :rules 屬性值相同，rules中的對象userName要與與 <el-form-item> 中的prop屬性值相同。
validate是ElementUI封裝用于對整個表單進行驗證的，參數是一個回調函數。該回調函數在校驗結束后被調用，是否校驗成功和未通過校驗的字段。這個回調函數的原型為：function fun(rule, value, callback, source, options){}，其中rule指向當前的規則對象，value是需要進行校驗的值，callback是驗證之后的執行回調，source是跟value的值一致的鍵值對象（可以忽略），options是個額外的配置選項（可選）。所以常見的函數定義如下，校驗手機號碼是否正確。
自定義校驗方法是一個在校驗結束后才會被調用回調函數，所以在提交表單的時候我們需要通過$refs來調用validate來繼續自定義校驗。自定義校驗規則時必須保證每個分支都調用了callback方法，否則會導致el-form組件在使用validate方法時無法進入回調函數。調用validate()校驗時需要prop屬性綁定校驗的字段名，否則無法校驗v-model中綁定的值。
為了方便我們還是定義一個validation.js文件來專門定義常用的校驗方法，具體的JS文件定義和引用方法可以參考文章【Vue實戰083：幾種常用的外部JS文件定義和引用方法詳解 】。這里注意自定義rules時外層的message高于callback中的錯誤提示，所以自定義規則時建議外層勿定義message，可以用兩個規則來校驗內容。定義好之后在需要用到的地方直接 import 引入，然后在 rules 校驗中加入即可。
以上內容是小編給大家分享的【Vue實戰084：自定義表單校驗規則及常用表單校驗分享】，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。更多Vue實戰技巧可以參考以下專欄：
為了方便學習，下面附上本文用到的源碼：
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
