ตัวอย่างไฟล์ทั้งหมด http://banchiangmai.com/download/form_check_input.zip
---------------------------------------------------------------------------
form เป็น html ที่ช่วยในการป้อนข้อมูลที่เป็นที่นิยม เช่น การทำหน้า Login หรือ หน้าการป้อนข้อมูล
ดังนั้นถ้ามีการป้อนข้อมูลไม่ครบถ้วน จะทำให้ข้อมูลไม่น่าเชื้อถือ ตัวอย่าง เช่น
การบังคับให้ User ต้องป้อนข้อมูล ที่จำเป็น ดังรูปด้านล่าง
โค้ดโปรแกรม
<script language="javascript">
function checkEmailAddress(field_value,field_name) {
var goodEmail = field_value.match(/\b(^(\S+@).+((\.com)|(\.net)|(\.edu)|(\.mil)|(\.gov)|(\.org)|(\.info)|(\.sex)|(\.biz)|(\.aero)|(\.coop)|(\.museum)|(\.name)|(\.pro)|(\..{2,2}))$)\b/gi);
if (goodEmail) {
return true
}
else {
error_msg += "\n [" + field_name + "]."
return false
}
}
function have_data(field_value,field_name){
var reSpace = /^\s+$/
if ((field_value == null) || (field_value.length == 0) || (reSpace.test(field_value))) {
error_msg += "\n [" + field_name + "]."
return false
} else return true
}
function is_number(field_value,field_name) {
var reInteger = /^\d+$/
if (reInteger.test(field_value)) {
return true
} else {
error_msg += "\n [" + field_name + "] ."
return false
}
}
function check_data() {
error_msg = ""
error_num = 0
idform = document.form1
if (!have_data(idform.name.value,"ชื่อ นามสกุล")) error_num++
if (!is_number(idform.salary.value,"จำนวนเงิน")) error_num++
if (!checkEmailAddress(idform.email.value,"อีเมล")) error_num++
if (error_num > 0) {
error_msg = "กรุณาป้อนข้อมูลให้ครบถ้วน :" + error_msg
alert(error_msg)
} else {
idform.submit()
}
}
</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<form name="form1" method="POST" action="">
ชื่อ นามสกุล<input type="text" name="name">
<br>
เงินเดือน<input type="text" name="salary">
<br>
อีเมล์<input type="text" name="email">
<br><br>
<input type="button" value="save" name="B1" onclick="check_data()">
</form>
ไม่มีความคิดเห็น:
แสดงความคิดเห็น