我是学生,在一家IT公司实习,今天项目经理让我们完成一个功能,表单验证。
基本需求是要用面向对象,然后代码要有可重用性,我不知道如何才能让代码具有可重用性,
验正的基本规则就是表单内所有元素不可以为空,各标签内容要用正则配匹下,这些我都会,
就是如何去设计一个可重用性的结构。请各位高手给小弟点思路,适当写出点代码,做个架子。 //返回true和false,如果验证通过,返回true,不通过显示错误。
// 判断某个radio的选中状态,使用 ele.checked 如果为true就是选中的。验证规则:
        
        1. 所有的字段都不允许为空。
        
        2. 特殊的字段内容要符合要求(用户名,密码,日期(yyyy-mm-dd),邮箱,小数,整数)。
        
        3. 最大值和最小值,最大长度,最小长度。
        
        实现规则:
        
        1. 考虑为每一种验证规则建立单独的函数,这个函数要实现功能:如果验证通过,返回true,如果不通过,alert错误。
        
        2. 当点击按钮后,要验证所有的控件,最后必须有一个true/false值返回。
        
        3. 考虑他的重用性。
        
        4. 嵌入到 acm 中。
        
        5. 尽量使用面向对象的方式。

解决方案 »

  1.   

    HTML的代码如下。
    <form action="">
        
          用户名:<input type="text" name="username" id="username"> <br>
          
          密码:<input type="password" name="pass" id="pass"> <br>
          再次输入:<input type="password" name="re-pass" id="re-pass"> <br>
          
          年龄:<input type="text" name="age" id="age"> <br>
          
          出生日期:<input type="text" name="dob" id="dob"> <br>
          
          性别: <input type="radio" name="gender" id="gender_M" value="M">男
               <input type="radio" name="gender" id="gender_F" value="F">女 <br>
          
          <button onclick="doSubmit()">提交</button>
        
        </form>