Jquery Form Validate

  • normalize css和jquery來製作表單
    • 能夠在各個瀏覽器呈現差不多的結果
    • 用input-control而不是form-control，比較清楚
  • 版面居中
    • wrap定義max-width不一定會用到
    • 實際用到的是wrap-sm
  • 使用*確認每個元素的布局
    • 先把結構確定下來，具體的不在乎
  • 搞清楚我們要甚麼?
    • 可以直接挖一口井就完事了
      • 直接定義到main.js
    • 也可以搞一個自然水系統，雖然一開始要照顧的情況比較多，之後只要幾個設定就完事了
      • 在input裡面建立data-rule
  • ‘use strict’
    • 不汙染全局變量
    • main.js中負責傳入string和驗證規則
    • 另外建立一個validate.js來接收string和驗證規則
  • 使用jquery內建的方法過濾資料
    • trim()和isNumeric()
    • val!==0的判斷是用來處理trim之後為空的情況
    • use strict其實用前面!val的寫法來判斷即可
  • JSON.parse
    • 如果要讓值變成字串，要用雙引號
    • 會用到正規表達式
  • 寫一個專門找Input的模組
    • *:至少0個以上的字元
    • +:至少1個以上的字元(因為有require的規則可以驗證，不用+)
    • isValid的方法寫道validate的模組裡面