การตรวจสอบการกรอกข้อมูล
ไม่ทราบว่า อ.และเพื่อนเขียนโค๊ดยังไงครับในการ validate ข้อมูล ผมไปเจอตัว framework ของ dhtml ตรง form น่าใช้ดีครับ ไม่ต้องทำอะไรมากแค่เขียนว่า <input name="name" type="text" id="name" maxlength="255" class='box' size="57" required/> เพิ่มคำว่า required ลงไป ก้จะมีขอบแดงๆที่ input เราต้องกรอกข้อมูล ขอบแดงๆจะเป็นขอบเขียวก้จะผ่าน ผมเลยเขียนเลียนแบบเค้าน่ะครับ แต่อยากให้อ.เขียนให้ดูเป็นมืออาชีพหน่อยครับ อิอิ
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="js/gajax.js"></script>
<title>Regx</title>
<script type="text/javascript">
function v_email(mail){
var filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
if (!filter.test(mail)) {
alert("e-mail invalid")
return false;
}
else return true;
}
function v_integer(integer){
var filter = /^[0-9]+$/;
if (!filter.test(integer))
{
alert("number only")
return false;
}
else return true;
}
function v_required(integer){
if(integer=="")
{
alert("insert value")
return false;
}
else return true;
}
function validForm(theForm){
var inputs=theForm.getElementsByTagName('INPUT');
var flag=true;
var no=0;
while((flag) && (no<inputs.length)){
var intput = inputs[no].getAttribute('required');
var value = inputs[no].value;
switch(intput)
{
case "email":
if(v_email(value)==0){
flag = false;
new GHighlight(inputs[no]).play();
}
break;
case "int":
if(v_integer(value)==0){
flag = false;
new GHighlight(inputs[no]).play();
}
break;
case "required":
if(v_required(value)==0){
flag = false;
new GHighlight(inputs[no]).play();
}
break;
default:
}
no++;
}
return flag;
}
</script>
</head>
<body>
<form id="form1" name="form1" onsubmit="return validForm(this)" method="post" action ="a.html"/ >
<input type="text" id="TextBox1" name="TextBox1" required="required" />
<input type="text" id="TextBox2" name="TextBox2" required="email"/>
<input type="text" id="TextBox3" name="TextBox3" required="int"/>
<br />
<br />
<input type="submit" value="submit" />
</form>
</body>
</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="js/gajax.js"></script>
<title>Regx</title>
<script type="text/javascript">
function v_email(mail){
var filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
if (!filter.test(mail)) {
alert("e-mail invalid")
return false;
}
else return true;
}
function v_integer(integer){
var filter = /^[0-9]+$/;
if (!filter.test(integer))
{
alert("number only")
return false;
}
else return true;
}
function v_required(integer){
if(integer=="")
{
alert("insert value")
return false;
}
else return true;
}
function validForm(theForm){
var inputs=theForm.getElementsByTagName('INPUT');
var flag=true;
var no=0;
while((flag) && (no<inputs.length)){
var intput = inputs[no].getAttribute('required');
var value = inputs[no].value;
switch(intput)
{
case "email":
if(v_email(value)==0){
flag = false;
new GHighlight(inputs[no]).play();
}
break;
case "int":
if(v_integer(value)==0){
flag = false;
new GHighlight(inputs[no]).play();
}
break;
case "required":
if(v_required(value)==0){
flag = false;
new GHighlight(inputs[no]).play();
}
break;
default:
}
no++;
}
return flag;
}
</script>
</head>
<body>
<form id="form1" name="form1" onsubmit="return validForm(this)" method="post" action ="a.html"/ >
<input type="text" id="TextBox1" name="TextBox1" required="required" />
<input type="text" id="TextBox2" name="TextBox2" required="email"/>
<input type="text" id="TextBox3" name="TextBox3" required="int"/>
<br />
<br />
<input type="submit" value="submit" />
</form>
</body>
</html>
ตอนนี้ผมใช้ GAJax อยู่ครับ และก็กำลังจะเขียนเป็นบทความ จะทยอยลงให้ครับ
อยากให้ถึงบทที่เกี่ยวกับการ กด back เร็วๆน่ะครับ