ថ្ងៃនេះអាន-ANT សូមបង្ហាញពីការសរសេរកូដ ដើម្បីត្រួតពិនិត្យទៅលើ Form ដែលបានបញ្ជូលទិន្នន័យមុន submit ទៅកាន់ Database (validate Form data) ដោយប្រើប្រាស់ Javascript កូដ ។

ការប្រើ Validate form ភាគច្រើនអ្នកសរសេរកូដតែងតែបងើ្កតវាជាមួយនឹង PHP code ប៉ុន្តែអ្នកក៏អាចបង្កើតវិធីបែបនេះដោយប្រើប្រាស់ Javascript កូដក៏បាន ។

ចុច Like គេហទំព័រ www.antkh.com ដើម្បីទទួលបានព័ត៌មានថ្មីៗទាក់ទងនឹងបច្ចេកវិទ្យា

♦ របៀបបង្កើត

ជំហានទី ១៖

អ្នកត្រូវធ្វើការបង្កើត Form ដើម្បីបញ្ចូលព័ត៌មានដូចកូដខាងក្រោមរួចដាក់ឈ្មោះថា send.html

បន្ទាប់ពីអ្នកសរសេរកូដ ក្នុងជំហានទី១រួចអ្នកនឹងបានឃើញ form ដូចខាងក្រោម៖

ជំហានទី ២៖

អ្នកត្រូវធ្វើការបងើ្កតនៅ File មួយទៀតដោយដាក់ឈ្មោះថា script.js បន្ទាប់មកបើក File នេះរួចសរសេរកូដ function ដូចខាងក្រោម៖

- បង្កើត function ឈ្មោះថា get_value () សម្រាប់ធ្វើការចាប់តម្លៃចេញពី form ខាងលើ ។

- បង្កើតនៅអញ្ញត្តិឈ្មោះថា var name, var email, var message សម្រាប់ផ្ទុកតម្លៃដែលចាប់មកពី Form

- document.getElementById ('name') .value សម្រាប់ធ្វើការចាប់យកតម្លៃពី text box ដែលអ្នកប្រើប្រាស់បានបញ្ចូល តាមរយៈ id ដែលមានឈ្មោះថា name ។

- document.getElementById ('email') .value សម្រាប់ធ្វើការចាប់តម្លៃអ៊ីម៉ែលពី text box ដែលអ្នកប្រើប្រាស់បានបញ្ចូលតាមរយៈ id ដែលមានឈ្មោះថា email ។

- document.getElementById ('message') .value សម្រាប់ធ្វើការចាប់តម្លៃ Message ពី text box ដែលអ្នកប្រើប្រាស់បានបញ្ចូលតាមរយៈ id ដែលមានឈ្មោះថា message ។

- if (name=="") ,if (email=="") ,if (message=="") សម្រាប់ពិនិត្យមើលថា តើអ្នកប្រើប្រាស់បានបញ្ចូល name, email ហើយនិង message របស់គាត់ ឬក៏អត់ ។ បើសិនជាមិនបានបញ្ចូល នោះកូដនិងមិនអនុញ្ញាតឲ្យផ្ញើទៅទេ ។ បន្ទាប់មកវានឹងធ្វើការបង្ហាញនៅព័ត៌មានដែលពួកគេមិនបានបញ្ចូល ។

- document.getElementById ('result') .innerHTML សម្រាប់ធ្វើការបញ្ចូលតម្លៃទៅកាន់ <div> tage ដែលជាកនែ្លងផ្ទុកលទ្ធផលចុងក្រោយពីការបញ្ចូលត្រឹមត្រូវ ។

ជំហានទី ៣៖

ការបញ្ចូល script.js file ទៅកាន់ send.html សូមមើលរបៀបបញ្ចូលដូចខាងក្រោម៖