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