如何使用H5判断登录页面手机号码长度是否正确和账号密码不能为空,从而减少对服务器的请求(注册也一样)
2017-02-12 01:47
1331 查看
在H5表单中添加了需要新特性,同时也添加了一个关于input的validity新对象,我们可以利用这个来进行一些简单判断,减少对服务器的请求
HTML
elem.validity.valueMissing 验证required 的input标签是否为空
elem.validity.patternMismatch 验证 pattern里面的正则表达式是否正确
JS
然后下面再进AJAX请求判断是否登录成功,而后台就不需要判断手机、密码为空和手机号长度不对的请求情况
不但减少了对服务的请求,同时减少后台的代码量。虽然不多…..
HTML
账号 : <input type="text" placeholder="请输入手机号码" reuqired pattern="^[0-9]{11}$" id="phone"/> 密码 : <input type="password" placeholder="请输入密码" reuqired id="password"/>
elem.validity.valueMissing 验证required 的input标签是否为空
elem.validity.patternMismatch 验证 pattern里面的正则表达式是否正确
JS
var phone = document.getElementById('phone'); var password = document.getElementById('password'); if(phone.validity.valueMissing) { alert("账号不能为空"); return; } else if(phone.validity.patternMismatch) { alert("账号输入有误"); return; } if(password.validity.valueMissing) { alert("密码不能为空"); return; } $.ajax(url,data,function(){ ....... });
然后下面再进AJAX请求判断是否登录成功,而后台就不需要判断手机、密码为空和手机号长度不对的请求情况
不但减少了对服务的请求,同时减少后台的代码量。虽然不多…..
相关文章推荐
- 在主函数中提示用户输入用户名和密码。另写一方法来判断用户输入是否正确。该方法分别返回一个bool类型的登录结果和和一个string类型的登录信息。如登录成功,返回true及“登录成功”,若登录失败则返回false及“用户名错误”或“密码错误”(使用out参数)
- Android中在用户登录时如何识别是否是一个正确的手机号码
- 如何判断手机号码格式是否正确
- 代码技巧1.类似于登录、注册界面要判断登录账号是不是空,验证码是否正确等,怎么写比较舒服一点?
- 如何判断手机是否在使用3G网络
- [JavaScript]使用JavaScript+CSS实现注册页面中检验两次密码输入是否相同
- android 判断 手机号码、邮编、Email邮箱、是否正确
- 回发或回调参数无效。在配置中使用 或在页面中使用 启用了事件验证。出于安全目的,此功能验证回发或回调事件的参数是否来源于最初呈现这些事件的服务器控件。如果数据有效并且是预期的,则使用 ClientScriptManager.RegisterForEventValidation 方法来注册回发或回调数据以进行验证。
- android 判断 手机号码、邮编、Email邮箱、是否正确
- 3. 1.C语言和OC结合题目 // 从控制台输入用户名和密码, 然后 判断输入的用户名是否是@“Frank”, 密码 是否是 @“lanou”, 如果用户名和密码都正确,则输出登录成功
- web 开发,个人中心每个请求,判断用户是否登录,若没有登录,则跳转到登录页面,登录成功后返回之前页面
- 如何判断拨打的手机号码及存储的号码是否合法?
- [导入]页面输入判断是否为各种数字(如空、0~9数字、浮点数、电话手机号码、身份证、邮编等等)
- ASP判断手机号码输入是否正确正则代码
- 新建一个登录,找回密码,注册页面的工程,使用控制器实现三个页面的跳转
- 判断手机号码是否正确
- 如何使用php判断服务器是否是HTTPS连接
- JS判断邮箱格式,密码输入是否一致,不能为空,长度控制等
- 页面输入判断是否为各种数字(如空、0~9数字、浮点数、电话手机号码、身份证、邮编等等)
- JS判断邮箱格式,密码输入是否一致,不能为空,长度控制等