JavaScript實作增、删、改功能

1.頁面初始化時，顯示表格，列包括多選按鈕、姓名、密碼、性别、出生日期、宅電、電子郵件以及新增、修改、删除三個按鈕。

性别顯示的内容為“男”，“女”。

點選姓名左邊的多選按鈕，可以将表格中的所有多選按鈕選中，如果取消選中姓名左邊的多選按鈕，則将所有多選按鈕取消選中。

選擇一條或者多條資料，點選【删除】按鈕，提示使用者“是否删除所選資料?”

如果使用者選擇是，則将資料進行删除，如果使用者選擇否，則不做任何處理。

如果使用者沒有選擇資料，點選【删除】按鈕，提示使用者“請選擇資料進行删除!”

如果沒有資料，點選【删除】按鈕，提示使用者“沒有資料可被删除!”

(1) main.html   (2) main.js

2.點【新增】彈出模态視窗

(1).性别下拉框0表示男，1表示女，預設有個請選擇。

(2).送出時對出生日期進行正規表達式校驗，正确的輸入格式應該是2012-02-25。如果使用者輸入不符合校驗，，提示使用者“輸入出生日期格式不合法!”,之後将焦點放在出生日期輸入框上。

(3).送出時對宅電做正規表達式校驗，數字（3~5位）-數字（8位）。如果使用者輸入不符合校驗，，提示使用者“輸入宅電格式不合法!”,之後将焦點放在宅電輸入框上。

(4).送出時電子郵件做正規表達式校驗，字母和數字組合+@+字母組合+.+com。如果使用者輸入不符合校驗，提示使用者“輸入電子郵件格式不合法!”,之後将焦點放在電子郵件輸入框上。

(5).送出時姓名和密碼不能為空。

(6).點選【重置】按鈕，将所有輸入框清空，下拉框恢複成“請選擇”

(7).資料正常送出之後，重新整理父頁面，将輸入的值在頁面中展現。

(1) add.html   (2) add.js

3.選擇一條資料，點選【修改】，彈出模态視窗