关于html页面中Input(文本框)控件OnChange事件的触发条件
2012-06-27 16:11
423 查看
近日新看了几篇关于ajax的文章准备试试新,至于方式我选择了在jsp页面中使用ajax,至于如何在servlet和struct中使用在后续几天我会分别试验一下。
实现描述:很简单的例子,就是用户在注册的时候当输入完用户名后,自动去数据库中查询,如果用户名重复则提示用户。
知识点:ajax的使用,相关控件事件,jscript中动态生成HTML(innerHTML)
过程描述:至于大体过程,我就不赘述了,只是说说在过程中遇见的疑惑和解决办法。
一、关于Input控件中onClick,onChange,onFocus三个事件的选择。我的第一个想法是在用户单击“密码”输入框的时候通过ajax机制去查询数据库,如果这样的话我会在“密码”输入框中运用onClick事件,但是通过实验证明这个过程中存在一个漏洞就是用户如果不用鼠标移动焦点而是使用TAB键来切换焦点那么是不会触发ajax检测机制的~~~~cut!!!
再来说说onFocus事件,这个造成的后果就是如果光标在某个待触发ajax机制的输入框的时候,会不停的触发检测函数,如果你用alert测试的话,他会不知疲倦的再次跳出来~~~~cut!!!
最后说说onChange事件,他的触发是建立在输入框中的文字产生变化,并且焦点从该输入框离开的时候才触发,所以他才是最适合的~~~~ok!!!
二、再来说说ajax返回值的问题,js中通过http_request.responseText获得服务器端程序的输出,所谓的服务器端输出也就是一个jsp页面中out.print语句向客户端送出的信息。我的思路是:如果数据库中有重复用户才对客户端产生输出,如果没有则通过检测responseText的长度为0或者是否为空(这点我没有核实输出是“”还是null)来界定。但是问题出来了即使什么都不输出的时候,客户端接受的字符串都不符合上述我假想的长度为0和null的情况,最小长度总是为4,后来在实在无奈的情况下我使用了自己写的js中trim函数处理它,这回得以解决,所有的未知字符被滤除,哈哈,我突然又有了一种想法是不是如果我在jsp页面输出之前执行out.clear()也能解决问题呢?呵呵,明天验证一下了。
实现描述:很简单的例子,就是用户在注册的时候当输入完用户名后,自动去数据库中查询,如果用户名重复则提示用户。
知识点:ajax的使用,相关控件事件,jscript中动态生成HTML(innerHTML)
过程描述:至于大体过程,我就不赘述了,只是说说在过程中遇见的疑惑和解决办法。
一、关于Input控件中onClick,onChange,onFocus三个事件的选择。我的第一个想法是在用户单击“密码”输入框的时候通过ajax机制去查询数据库,如果这样的话我会在“密码”输入框中运用onClick事件,但是通过实验证明这个过程中存在一个漏洞就是用户如果不用鼠标移动焦点而是使用TAB键来切换焦点那么是不会触发ajax检测机制的~~~~cut!!!
再来说说onFocus事件,这个造成的后果就是如果光标在某个待触发ajax机制的输入框的时候,会不停的触发检测函数,如果你用alert测试的话,他会不知疲倦的再次跳出来~~~~cut!!!
最后说说onChange事件,他的触发是建立在输入框中的文字产生变化,并且焦点从该输入框离开的时候才触发,所以他才是最适合的~~~~ok!!!
二、再来说说ajax返回值的问题,js中通过http_request.responseText获得服务器端程序的输出,所谓的服务器端输出也就是一个jsp页面中out.print语句向客户端送出的信息。我的思路是:如果数据库中有重复用户才对客户端产生输出,如果没有则通过检测responseText的长度为0或者是否为空(这点我没有核实输出是“”还是null)来界定。但是问题出来了即使什么都不输出的时候,客户端接受的字符串都不符合上述我假想的长度为0和null的情况,最小长度总是为4,后来在实在无奈的情况下我使用了自己写的js中trim函数处理它,这回得以解决,所有的未知字符被滤除,哈哈,我突然又有了一种想法是不是如果我在jsp页面输出之前执行out.clear()也能解决问题呢?呵呵,明天验证一下了。
相关文章推荐
- 在C#.net中做页面上传的程序。用Dhtml的控件:(创建文件上载控件,该控件带有一个文本框和一个浏览按钮。)和类HtmlInputFile的两种方法
- 关于html控件button的onclick和onserverclick事件不能同时起作用问题
- 自己写的,用onpropertychange 和 oninput时间实现对文本框的实时触发
- 使用 HtmlInputHidden 控件在本页面保持状态和跨页面传值
- 自己写的,用onpropertychange 和 oninput时间实现对文本框的实时触发
- 使用HtmlInputHidden 控件在本页面保持状态和跨页面传值
- 自己写的,用onpropertychange 和 oninput时间实现对文本框的实时触发
- 解决 html input file onchang 事件触发一次后失效问题
- 自己写的,用onpropertychange 和 oninput时间实现对文本框的实时触发
- 自己写的,用onpropertychange 和 oninput时间实现对文本框的实时触发
- 使用 HtmlInputHidden 控件在本页面保持状态和跨页面传值
- 自己写的,用onpropertychange 和 oninput时间实现对文本框的实时触发
- 关于HTML中onSubmit属性的触发时机
- 使用 HtmlInputHidden 控件在本页面保持状态和跨页面传值
- js实现文本框或文本域在用户输入时(oninput)触发事件,操作元素
- 关于页面中回车键默认触发某个控件按钮事件的问题(DefaultButton)
- 自己写的,用onpropertychange 和 oninput时间实现对文本框的实时触发
- 关于HTML中onSubmit属性的触发时机
- 使用input file 通过ajax 上传文件中onChange事件只触发一次问题
- 自己写的,用onpropertychange 和 oninput时间实现对文本框的实时触发