客户端基于层的验证不用alert方式

我们知道，在jsp或者asp中，经常使用客户端的表单验证，比如用户名、密码不能为空，身份证号的验证等等，客户端验证的好处是，快捷、减少用户输入等待、在一程度上也减轻了服务器的压力，当然，比较重要的数据，除了客户端验证之外，在服务器也在做相关的验证。

客户端的验证，大多是基于javascript脚步的，至于vbscript由于只有IE支持，所以用的很少。但是alert这种的错误提示，往往和精美的页面，有些不拾配，所以，本文提出了基于javascript+div的验证方式，即能实现客户端的验证，又能保证界面的美观，就如asp.net的webform验证一样，将错误信息，以图片或文字的方式，显示在网页的某一部分，而不是弹出的alert脚本。

思路：
1、javascript脚本，验证表单，如果出错，则显示层，在层中显示相应错误信息。
2、如果验证成功，则不显示层，提交表单。在页面加载时，层是隐藏的。

以下是本人写的代码：

表单及表单验证：

 
            

   
    
               

                     
                       
                       
                         
                       
                   
                   
                       
                       
                   
                   
                         
                       
                         
                       
                   
                 
             
             
                 
             
     

  
   

用于显示错误信息的层：

             
               
                 
                   
                     
                        　
                         
                       
                       
                       
                     
                   
               
             
 

作者：昨夜风
写于：2006-09-09

 

 

Trackback: http://tb.blog.csdn.net/TrackBack.aspx?PostId=1623357