自己寫乙個表單元件,支援表單驗證

2021-10-14 15:54:31 字數 638 閱讀 4512

不想用element-ui!不想因為乙個小功能就引入乙個大外掛程式!而且還得改樣式!

1. 使用方式:1)

2)引入my-input和my-form元件

3) data裡加要提交的表單和驗證規則, methods裡加表單驗證和提交的方法

data() ,

formrule: ,,],

password: }}

},methods:

//下面寫提交的**

console.log('提交', this.form)}}

2. 實現步驟1)先寫my-form元件, 就乙個validate方法,哈哈哈

2)再寫my-input元件, 裡面帶iconfont類的是個小差號,可以清空輸入框,需要換成自己的圖示,style也需要根據自己的專案改一下

}

手把手教你自己寫乙個js表單驗證框架

手把手教你自己寫乙個js表單驗證框架 之 其實我自己也就能簡單用用js而已,但是呢,相對很多初學者來說多懂了點know how所以鬥 膽孟浪一下,將一些所得記錄下來,以供更多的初學者能夠知道乙個東西的實現過程,省去 在原始碼裡摸索的過程。在表單程式中,在頁面上需要很多的js 來驗證表單,每乙個fie...

封裝乙個表單驗證類

封裝乙個表單驗證類 中文驗證 郵箱驗證 號碼 手機 qq 身份證 由字母 數字 下劃線組成,不能以數字開頭 header content type text html charset utf 8 class form x u return preg match reg,str 郵箱驗證 引數 ema...

用jquery寫自己的form表單驗證

這幾天看了鋒利的jquery,感覺很不錯。特別是jquery強大的選擇器。今天就利用jquery寫了乙個自己的form表單驗證的小案例。當鞏固下jquery。首先貼下 當然只是乙個小案例。思路 1 這裡的 validate 是我們需要驗證的型別 屬於日期型別 這裡你也可以自己定義。id屬性就不用說了...