Code (html5): <form name="myForm" action="" onsubmit="return checkInput()" method="post"> Your number: <input type="text" id="num" name="number" /><br> <input type="submit" value="Submit"> </form> อธิบายโค้ด ในส่วนของ tag form จะมี attribute คือ name คือ ชื่อของฟอร์มที่นำไปใช้อ้างอิงในส่วนของ javascript action เป็น url page ถัดไปเมื่อกด submit onsubmit เมื่อเรากด submit จะให้ทำอะไร เช่นตัวอย่างให้ไปทำในส่วนของ function checkinPut() method หมายถึง form นี้เป็นการ post ใน form จะมี component ตัวกัน 2 ตัว คือ tag input ที่เป็นประเภท text คือช่องในข้อความหรือตัวเลข โดยมี attribute id คือ num เพื่อนำไปใช้ใน javascript tag input เป็นประเภท submit คือจะเป็นลักษณะปุ่ม โดยมีข้อความบนปุ่มว่า(value) ว่า Submit Code (Javascript): <script> function checkInput(){ var check = document.getElementById("num").value; if(isNaN(check)){ alert("Please, enter number only."); return false; } } </script> อธิบายโค้ด function checkInput() เป็นการสร้างฟังก์ชันที่มีชื่อว่า checkInput var check เป็นการประกาศตัวแปรในภาษา javascript ชื่อว่า check document.getElementById("num").value; เป็นการชี้ไปยังค่า value ของช่อง input ที่มี id คือ num มาเก็บไว้ในตัวแปร check if(isNaN(check)) เป็นการตั้งเงื่อนไขว่า ถ้า check (ขณะนี้มีค่าเท่ากับข้อความที่เรากรอก) ไม่ใช่ตัวเลข (isNaN หมายถึง is Not a Number) alert("Please, enter number only."); ให้แสดง dialog box ว่า Please, enter number only. return false; เป็นการส่งค่า false กลับไปยัง parameter Credit: BankCoE or windowsbank