A-AA+then

การตรวจสอบการกรอกข้อมูล

1,835
ไม่ทราบว่า อ.และเพื่อนเขียนโค๊ดยังไงครับในการ 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>

2 ความคิดเห็น

555++

ตอนนี้ผมใช้ GAJax อยู่ครับ และก็กำลังจะเขียนเป็นบทความ จะทยอยลงให้ครับ
1

แล้ว GAJAX ใช้ class ตัวไหนในการ ตรวจสอบครับ

อยากให้ถึงบทที่เกี่ยวกับการ กด back เร็วๆน่ะครับ
2
^