iT邦幫忙

2018 iT 邦幫忙鐵人賽
DAY 11
0

今天要來講防呆的部分

首先防呆可以分成兩個部分,一個是client端,一個是server端,在這裡client指的就是註冊頁面,server指的就是資料寫入的頁面。

在這邊只介紹client端的防呆,我們要使用jquery來做一些基本的防呆功能。

一、空值判斷
這是最基本的判斷,要寫入資料庫的值怎麼可以是空的。
這算是針對必填欄位的判斷

if($("#name").val() == "") {
    alert("請填寫姓名");
    return false;
}

二、信箱驗證
這是一個簡單的信箱驗證,使用的是正規化的方式,驗證使用者輸入的是否為通用的信箱格式

if (checkEmail($("#email").val()) == false) {
    alert("信箱格式錯誤");
    return false;
}

function checkEmail(email) {
	var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
	return reg.test(email);
}

這邊就只簡單的介紹幾個防呆的方法,大家有興趣可以去研究其他的驗證功能,比如身分證、電話之類的。


上一篇
Day10:註冊功能(三)
下一篇
Day12:登入功能(一)
系列文
Java Web三十天學習歷程30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言