台灣最大程式設計社群網站
線上人數
881
 
會員總數:245466
討論主題:189222
歡迎您免費加入會員
討論區列表 >> AJAX / JSON / jQuery >> HTML自定義屬性 來做表單驗證
[]  
[我要回覆]
1
回應主題 加入我的關注話題 檢舉此篇討論 將提問者加入個人黑名單
HTML自定義屬性 來做表單驗證
價值 : 5 QP  點閱數:792 回應數:7

樓主

町風
初學者
229 209
1936 201
發送站內信

常常會用到表單驗證,所以我想將驗證直接寫在表單裡
這樣做法好不好,是不是更方便?



搜尋相關Tags的文章: [ 表單驗證 ] ,
本篇文章發表於2015-08-07 16:30
別忘捐VP感謝幫助你的人 新手會員瞧一瞧
1樓
回應

迷路
捐贈 VP 給 迷路 檢舉此回應
單靠樓主的寫法沒辦法當表單驗證
如果是用函數將data-check中的值分割來判斷該執行何種驗證
個人認為那樣其實不會比較方便
本篇文章回覆於2015-08-10 09:40
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
2樓
作者回應

町風
檢舉此回應
我的想法是判斷都寫在一隻js裡呼叫function

這樣只要在表單裡設 data-check="mail,你的信箱格式錯誤" 就好了
這樣會不會方便多了
本篇文章回覆於2015-08-10 10:37
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
3樓
回應

迷路
捐贈 VP 給 迷路 檢舉此回應
個人是不認為會比較方便
畢竟檢查式還是一樣每種都要寫一次
寫在data-check欄位中,跟在另外寫一個function去逐個呼叫函數檢查
我比較傾向後者
而且樓主在2樓貼出的寫法應該無法達成註解的效果才對
本篇文章回覆於2015-08-11 09:40
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
4樓
回應

浩瀚星空
捐贈 VP 給 浩瀚星空 檢舉此回應
其實我大多是放到function內處理了。
並且加上一些自定義的參數來判斷。
我用的方式跟你差不多。只是我是單純加上一些判斷機制

<input type="text" name="XXX" isnull="1" checktype="email" minlen="4" maxlen="10" /><label></label>
在jquery中再直接用如下的方式做判斷
$("forum input").each(function(){
null = $(this).attr("isnull");//判斷是否可以為空

//有錯誤時將其顯示到label上。
if(msg){
$(this).next().addClass("error").html(msg)
}
});

錯誤訊息的方面我是不太建議寫到元素上。反正都是要做判斷,而且判斷也一定要寫在程式堙C
所以錯誤訊息一起在這邊輸出其實反而會比較好。
當然,這是看個人的喜好決定。不一定說你說的方式不好。
本篇文章回覆於2015-08-17 09:34
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
5樓
回應

浩瀚星空
捐贈 VP 給 浩瀚星空 檢舉此回應
我給一段我其中一組的判斷方式
本篇文章回覆於2015-08-17 09:35
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
6樓
作者回應

町風
檢舉此回應
發現google chrome會表單檢驗
欄位設maxlength送出表單時 會在欄位旁顯示字數超過提示,並不讓表單送出
這是chrome才有的功能嗎?
本篇文章回覆於2015-09-10 11:26
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
7樓
回應

浩瀚星空
捐贈 VP 給 浩瀚星空 檢舉此回應
maxlength是原本的input屬性之一。

不過有些瀏覽器不支援。這也得看你的css3的宣告模式為何。
一般來說我是很少用這個屬性,大多是另外處理。
本篇文章回覆於2015-09-14 12:28
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
   
1

回覆
如要回應,請先登入.