[問題] 單純利用html5來做再次輸入密碼驗證

看板Web_Design作者 (hippo泡)時間9年前 (2015/09/29 15:56), 編輯推噓5(5014)
留言19則, 8人參與, 最新討論串1/1
大大們午安 請問如何利用html5做到驗證兩個input輸入值是否相同呢? 我在html5-form-vaildation沒找到相關辦法(或許我眼殘...) 請問有辦法做到嗎@@? -- Sent from my Android -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 220.136.53.141 ※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1443513419.A.AFA.html

09/29 16:03, , 1F
自己寫規則 套用到驗證套件裡面
09/29 16:03, 1F

09/29 16:09, , 2F
請問是哪個驗證套件裡呢?目前只有看到可以寫pattern
09/29 16:09, 2F

09/29 16:09, , 3F
的規則
09/29 16:09, 3F

09/29 16:35, , 4F
咦,不是JS弄一弄就好了,不過僅前端驗證不安全呦
09/29 16:35, 4F

09/29 17:13, , 5F
我是希望能都透過html5的方式統一驗證@@
09/29 17:13, 5F

09/29 17:29, , 6F
所以html5是指單純設設屬性就達到驗證嗎
09/29 17:29, 6F

09/29 17:32, , 7F
google html5 form validation password, first one
09/29 17:32, 7F

09/29 17:36, , 8F
原po應該是要用required pattern
09/29 17:36, 8F

09/29 17:39, , 9F
但這安全性極低,後台還是要驗證
09/29 17:39, 9F

09/29 18:20, , 10F
不懂,密碼一致跟安全性有何關係?
09/29 18:20, 10F

09/29 18:20, , 11F
這些都是 UX 的改進而已吧
09/29 18:20, 11F

09/29 19:06, , 12F
不懂跟Html5有關係ㄧㄧ
09/29 19:06, 12F

09/29 20:50, , 13F
我也不懂XDDDDDDDD
09/29 20:50, 13F

09/30 09:06, , 14F
因為標題說 單純 用前端驗證~
09/30 09:06, 14F

09/30 21:09, , 15F
可以描述一下為何要這樣做嗎?
09/30 21:09, 15F

09/30 21:26, , 16F
HTML5(部份是4) Input有前端驗證用屬性 限定輸入內容
09/30 21:26, 16F

09/30 21:27, , 17F
number email url甚至regex pattern都可以(只有前端)
09/30 21:27, 17F

09/30 21:30, , 18F
免JS搞定 開發較簡單 不過判斷兩個欄位值相同有點難XD
09/30 21:30, 18F

09/30 21:40, , 19F
inline JS像這樣: https://jsfiddle.net/dwrur3ap/
09/30 21:40, 19F
文章代碼(AID): #1M2aHBhw (Web_Design)
文章代碼(AID): #1M2aHBhw (Web_Design)