如何从表单校验角度深入解析JavaScript策略模式应用技巧？

本文共计1593个文字，预计阅读时间需要7分钟。

大众所熟知的，是表单确实在前端存在，或说在网页中占据不小的比重。实际上，几乎每个中型网站都会设有登录注册表单，用以验证用户信息、防止不可名状的隐忧。

众所周知的是，表单确实在前端，唔，或者说在网页中占有不小的比重。事实上，几乎每一个中大型网站都会有“登录注册”以验证用户信息、防止一些不可名状的隐患。。。

那么表单的优劣就成了前端开发者急需解决的问题。其实我更愿意称为“代码的可读性”或“可复用性”以及“是否冗杂”。

表单也有“优劣”？你在开玩笑嘛？
我想你可以认真看下下面的代码，它用到了一些“新知识”：

<form action="xxx" id="registerForm"> 请输入用户名：<input type="text" name="userName" id="name" /> 请输入密码：<input type="text" name="password" id="pass" /> 请输入手机号：<input type="text" name="phoneNumber" id="phone" /> <button>提交</button> </form>

用户名、密码、手机号这应该是表单中最常见的了，好，我们就以此分析！

上面这些只是简单的演示效果，你完全可以用css的valid/invalid、HTML5的required/pattern来配合完成。