การตรวจสอบความถู�กต�องของข�อม�ล

(Data Validation)

ภาคว�ชาคอมพิ�วเตอร�ธุ�รก�จ

ว�ตถู�ประสงค�

เพื่��อให้�นักศึ กษาทราบถึ งร�ปแบบการตรวจสอบความถึ�กต�องของข�อม�ล

เพื่��อให้�นักศึ กษาร� �จกคอนัโทรลและค"ณสมบต$ท%�เก%�ยวข�องกบการตรวจสอบความถึ�กต�องของข�อม�ล

ยกตวอย'างการสร�างแอฟฟล$เคชั่�นัโดยท%�ม%การตรวจสอบความถึ�กต�องของข�อม�ล

การตรวจสอบความถู�กต�องของข�อม�ล

การตรวจสอบความถึ�กต�องของข�อม�ล เป,นัขบวนัการห้นั �งท%�จะลดความผิ$ดพื่ลาดท%�อาจเก$ดข .นักบระบบงานั โดยผิ��พื่ฒนัาโปรแกรมสามารถึก0าห้นัดค"ณสมบต$บางประการเพื่$�มเต$มท%�คอนัโทรลโดยตรง ห้ร�อสร�าง validation control ข .นัมาตรวจสอบก1ได�

Input Validation Control - RequiredFieldValidator- Compare Validator- RangeValidator- RegularExpressionValidator- CustomValidator- ValidationSummary

คอนโทรลกล�!มน"#ม"อยู่�!ใน Toolbox กล�!ม Validation

สร�างหน�าเว'บส(าหร�บตรวจสอบข�อม�ลโดยู่ให�กรอกข�อม�ลด�งน"#

txtName

txtLastname

txtNickname

txtSex

txtAge

txtEmail

txtNum1

txtNum2

การใช�งาน Input Validation Control

RequiredFieldValidatorเป,นัคอนัโทรลท%�ใชั่�ตรวจสอบว'าผิ��ใชั่�ป3อนัข�อม�ลในัคอนัโทรล เชั่'นั

textbox ท%�ระบ"ห้ร�อไม' ถู�ายู่�งไม!ป+อนจะสร�างข�อความแจ�งให�ผู้��ใช�ทราบ ดงนั.นัต�องระบ"ท%� RequiredFieldValidator ด�วยว'าจะให้�ตรวจสอบ textbox ใด และให้�ห้ากไม'ป3อนัข�อม�ลจะให้�แสดงข�อความอย'างไร ตวอย'างการจะก0าห้นัดให้� textbox ชั่��อนักศึ กษาต�องป3อนัข�อม�ล ท0าดงนั%.

1. คล$กท%� Toolbar เพื่��อเล�อกกล"'ม Validation2. เล�อก RequiredFieldValidator3. ลาก RequiredFieldValidator ไปไว�ในัต0าแห้นั'งท%ต�องการ4. ก0าห้นัดค"ณสมบต$ ControlToValidate เป,นั textbox ตว

ท%�ต�องการตรวจสอบ5. ก0าห้นัดค"ณสมบต$ ErrorMessage เป,นั ยงไม'ได�ป3อนัข�อม�ล6. ก0าห้นัดค"ณสมบต$ Text เป,นั กร"ณาป3อนัข�อม�ลให้�ครบถึ�วนั

ดงภาพื่

การใช�งาน Input Validation Control (ต!อ)

1

4

3

2

6

5

ภาพิผู้ลล�พิธุ�

การใช�งาน Input Validation Control (ต!อ)

CompareValidator เป,นัคอนัโทรลท%�ใชั่�เปร%ยบเท%ยบข�อม�ล ท0าได�ห้ลายลกษณะ ค�อ - เปร%ยบค'าข�อม�ลในัฟ5ลด6ห้นั �งเท'ากบข�อม�ลในัอ%กฟ5ลด6ห้นั �ง

ภาพิผู้ลล�พิธุ�

- เปร%ยบค'าข�อม�ลในัฟ5ลด6ห้นั �งกบค'าคงท%� ซึ่ �งสามารถึเปร%ยบ > , >=, <, <=, =,<> ก1ได�- เปร%ยบค'าประเภทข�อม�ลในัฟ5ลด6ห้นั �ง

การใช�งาน Input Validation Control (ต!อ)

ภาพิผู้ลล�พิธุ�

การใช�งาน Input Validation Control(ต!อ)

RangeValidator คอนัโทรลนั%.ใชั่�ตรวจสอบว'าข�อม�ลท%�ผิ��ใชั่�ป3อนัอย�'ภายในัขอบเขตท%�ก0าห้นัดห้ร�อไม'

ภาพิผู้ลล�พิธุ�

การใช�งาน Input Validation Control(ต!อ)

RegularExpressionValidator คอนัโทรลนั%.ใชั่�ตรวจสอบว'าข�อม�ลท%�ผิ��ใชั่�ป3อนันั.นัสอดคล�องกบร�ปแบบท%�ก0าห้นัดห้ร�อไม'

ภาพิผู้ลล�พิธุ�

1

3

2

การใช�งาน Input Validation Control(ต!อ)

CustomValidator คอนัโทรลนั%.ใชั่�ในัการตรวจสอบว'าผิ��ใชั่�กรอกข�อม�ลมาถึ�กต�องตามเง��อนัไขท%�เราก0าห้นัดข .นัมาเองห้ร�อไม'

<asp:CustomValidatorid=“ช./ออ�างอ�ง”ControlToValidate=“ช./อControl”ClientValidationFunction=“ช./อฟั1งก�ช�/นหร.อโพิรซี"เยู่อร�" OnServerValidate=“ช./อฟั1งก�ช�/นหร.อโพิรซี"เยู่อร�" ErrorMessage=“ข�อความท"/จะแสดงใน ValidationSummary“Text=“ข�อความท"/จะแสดง ”ForeColor=“ส"ต�วอ�กษร “Backcolor=“ส"พิ.#น”

</asp:CustomValidator>

การใช�งาน Input Validation Control(ต!อ)

ต�วอยู่!าง

สร�าง CustomValidator - ControlTovalidate : text1 - Text : “กร"ณากรอกเป,นัเลขค�'เท'านั.นั

- ErrorMessage : “กรอกข�อม�ลไม'ถึ�กต�อง”

id : text1

การใช�งาน Input Validation Control(ต!อ)

ต�วอยู่!าง

Protected Sub CustomValidator1_ServerValidate(ByVal source As Object, ByVal args As System.Web.UI.WebControls.ServerValidateEventArgs) Handles CustomValidator1.ServerValidate If ((Text1.Text Mod 2) = 0) Then args.IsValid = True Else args.IsValid = False End IfEnd Sub

การใช�งาน Input Validation Control(ต!อ)

นัอกจากนั%. ยงม% ValidationSummary เป,นัคอนัโทรลท%�ใชั่�ในัการสร"ปผิลข�อผิ$ดพื่ลาดจากการตรวจสอบภายในัเว1บเพื่จห้นั�านั.นั ใชั่�ในักรณ%ท%�ม%การตรวจสอบความถึ�กต�องห้ลายอย'าง ตวอย'างเชั่'นั

ตวอย'าง การออกแบบห้นั�าจอซึ่ �งประกอบด�วย ชั่��อ อาย" เง$นัเด�อนั และโทรศึพื่ท6ของพื่นักงานัและตรวจสอบว'าข�อม�ลตามเง��อนัไข ดงนั%.

- ชั่��อ ต�องกรอก- อาย" ต�องไม'ต0�ากว'า 20 ป8 และต�องเป,นัตวเลข- เง$นัเด�อนั ต�องอย�'ระห้ว'าง 10,000 – 100,000 บาท- โทรศึพื่ท6 เป,นัตามร�ปแบบโทรศึพื่ท6สากล

เม��อคล$กป"9มย�นัยนัให้�แสดงสร"ปข�อผิ$ดพื่ลาดท.งห้มด

การใช�งาน Input Validation Control(ต!อ)

ID : txtNameID : txtAgeID : txtSalaryID : txtTelphoneID : btnSubmit

Text : ยู่.นยู่�น

การใช�งาน Input Validation Control(ต!อ)

การสร�าง Validation ท0าดงนั%.1. สร�าง RequiredFieldValidator -

ControlTovalidate : txtName - ErrorMessage : “ไม'ได�ป3อนัชั่��อพื่นักงานั”

- Text : “กร"ณาป3อนัชั่��อ”2. สร�าง Compare Validator1 - ControlTovalidate :

txtAge - ErrorMessage : “ชั่'วงอาย"ไม'ถึ�กต�อง”

- Text : “อาย"ไม'ต0�ากว'า 20 ป8”- Operator : Greater Than

Equal- ValueToCompare : 20

สร�าง Compare Validator2 - ControlTovalidate : txtAge - ErrorMessage : “ข�อม�ลประเภทอาย"ไม'ถึ�กต�อง”

- Text : “ข�อม�ลอาย"ต�องเป,นัตวเลข”- Operator : Data Type Check- Type : integer

3. สร�าง RangeValidator - ControlTovalidate : txtSalary - ErrorMessage : “ข�อม�ลเง$นัเด�อนัไม'ถึ�กต�อง”

- Text : “เง$นัเด�อนัระห้ว'าง 10,000 – 100,000 บาท”

- MaximumValue : 100000- MinimumValue : 10000

4. สร�าง RegularExpressionValidator - ControlTovalidate : txtTelephone - ErrorMessage : “ร�ปแบบโทรศึพื่ท6ไม'ถึ�กต�อง”

- Text : “ร�ปแบบโทรศึพื่ท6 ค�อ 00-0000-0000”

- ValidationExpression : 00-0000-0000

5. สร�าง ValidationSummary

การใช�งาน Input Validation Control(ต!อ)

การใช�งาน Input Validation Control(ต!อ)

ภาพิผู้ลล�พิธุ�

HW3 ให�ออกแบบหน�าจอและก(าหนดค�ณสมบ�ต�เพิ./อให�แสดงผู้ล ด�งน"#