如何实现完美的表单验证?js? jquery? struts? ajax?
来源:互联网 发布:sql查询用户名密码 编辑:程序博客网 时间:2024/06/07 19:40
首先,如果用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?
- 如何实现完美的表单验证
- jquery之ajax提交、js验证表单
- Ajax Jquery Struts的完美组合!
- Struts2 Jquery Json 实现AJax表单验证
- Struts2 Jquery Json 实现AJax表单验证
- jquery ajax 表单验证
- jQuery实现表单的验证
- jQuery实现表单的验证
- jQuery.validation.js实现前台表单验证
- 完美的表单验证
- js实现的表单验证
- JS实现表单的验证
- JQuery.validate.js实现Ajax验证
- jQuery的validate.js表单验证插件
- 简单的 Bootstrap Jquery表单验证.js
- 自己实现的ajax表单验证
- js完美实现身份证号的有效验证
- fedora 15 移除登录页面多余用户
- gdb调试多进程
- 关于jsoncpp的使用,转载自cnblogs,链接如下:
- ArrayList排序
- 启动mysql报错(Starting MySQL..Manager of pid-file quit without updating f[失败]) 解决方法集锦
- 如何实现完美的表单验证?js? jquery? struts? ajax?
- 试着做
- 相关文档模板
- 安装Ubuntu后Windows蓝屏问题的解决
- android onTouchEvent和setOnTouchListener中onTouch的区别
- 1013 Digital Roots
- push or pull 推取技术
- setTimeout与js引擎的异步执行
- extjs对话框集锦