如何实现完美的表单验证
来源:互联网 发布:淘宝售前客服工作概要 编辑:程序博客网 时间:2024/06/07 05:26
首先,如果用js,必定要有事件,如果用onblur(),暂且不说默认没有光标这回事,我们设想已经把光标定位到“用户名”这里,但是如果登陆页面上有“注册”这一功能,你直接去点击“注册”,会出现什么样的情况?会对表单验证而不会跳转; 如果用onclick()事件,首先要把提交按钮的type设置为button而不能是submit,但是这样的话,如果后台要判断用户名重复,密码正确等操作时,由于整个表单并没有submit所以根本获取不到数据!在js里是可以通过地址栏传参给action的,但是没有加密并不安全! 综上 js不太好用!其次说jQuery和struts的validate验证, 的确可以在表单提交以前对所有的表单进行验证,但是如果用户什么不输而直接提交的话,页面会显示全部的错误信息,感觉太乱,细想中药对表单逐个验证,只显示第一个不满足验证的错误信息即可!所以感觉也不是很好用!再推一步说,如果把所有的判断都放在action里,然后再在页面里取出返回的errMessage的话,确实可以控制错误信息的显示问题,但是新的问题是不能局部刷新,取出errMessage是要通过页面跳转的,而且,如果用户在很多的输入框只有最后一个出错的话,页面刷新后,前面正确的信息会全部刷掉,用户体验感很不好!所以也不太可行!
首先,如果用js,必定要有事件,如果用onblur(),暂且不说默认没有光标这回事,我们设想已经把光标定位到“用户名”这里,但是如果登陆页面上有“注册”这一功能,你直接去点击“注册”,会出现什么样的情况?会对表单验证而不会跳转; 如果用onclick()事件,首先要把提交按钮的type设置为button而不能是submit,但是这样的话,如果后台要判断用户名重复,密码正确等操作时,由于整个表单并没有submit所以根本获取不到数据!在js里是可以通过地址栏传参给action的,但是没有加密并不安全! 综上 js不太好用!其次说jQuery和struts的validate验证, 的确可以在表单提交以前对所有的表单进行验证,但是如果用户什么不输而直接提交的话,页面会显示全部的错误信息,感觉太乱,细想中药对表单逐个验证,只显示第一个不满足验证的错误信息即可!所以感觉也不是很好用!再推一步说,如果把所有的判断都放在action里,然后再在页面里取出返回的errMessage的话,确实可以控制错误信息的显示问题,但是新的问题是不能局部刷新,取出errMessage是要通过页面跳转的,而且,如果用户在很多的输入框只有最后一个出错的话,页面刷新后,前面正确的信息会全部刷掉,用户体验感很不好!所以也不太可行!
你的要求太高啦!其实js可以实现的,你还是把按钮设为button,然后onclick=“验证函数();this.form.submit();”就ok啦!我通常都是用jQuery的,还是不错的吧!语法少,不需要函数,当然要验证的也不会太复杂
- 如何实现完美的表单验证
- 如何实现完美的表单验证?js? jquery? struts? ajax?
- 完美的表单验证
- XBuilder:Ext表单设计的完美实现
- js实现的表单验证
- jQuery实现表单的验证
- JS实现表单的验证
- jQuery实现表单的验证
- 表单验证完美正则表达式
- js完美实现身份证号的有效验证
- 完美验证码实现
- JS的实现简单的表单验证
- 如何在异步提交form的时候利用jQuery validate实现表单验证
- JAVAScript 中实现表单验证的函数
- 基于 prototype 实现的表单验证
- 简单的表单验证代码javascript实现
- 自己实现的ajax表单验证
- jQuery实现用户注册的表单验证
- 线索二叉树
- Android Service
- MyEclipse 8.5 优化实例
- 日志分析方法概述
- 实习or在校学习or签约or考公务员or……
- 如何实现完美的表单验证
- 关于IE测试,网页打开速度慢的解决方案(通过修改hosts文件)。
- new 出一个对象 和 = null的区别
- fedora 15 移除登录页面多余用户
- gdb调试多进程
- 关于jsoncpp的使用,转载自cnblogs,链接如下:
- ArrayList排序
- 启动mysql报错(Starting MySQL..Manager of pid-file quit without updating f[失败]) 解决方法集锦
- 如何实现完美的表单验证?js? jquery? struts? ajax?