phpcms与discuz完美融合
2015-11-30 17:10
573 查看
在改AJAXRequest的过程中,碰到了个问题,应该算是Firefox和IE之间的兼容性问题。
提交表单时,往往需要先对表单进行验证,而这个验证的过程一般是放在form标签的onsubmit属性中。
onsubmit一般是由浏览器在form的submit动作发生时自动触发,但是如果表单由我们自己来提交,比如在AJAX应用中,就是由我们自己写程序将表单转换成请求字符串,再通过XMLHttpRequest发送到服务器,那么如果在此同时不丢掉表单验证的话,就需要我们自己来获取 onsubmit属性,并去处理它。
在获取属性时,为了保证兼容性,我用getAttribute来获取标签的属性值,但是发获取了onsubmit属性之后,发现在Firefox和IE中使用getAttribute("onsubmit")所返回的返回值类型是不同的。
测试代码如下:
===================================================
===================================================
在Firefox中使用getAttribute("onsubmit")返回值的是一个字符串,而在IE中的返回值类型则是function,也就是一个函数,因此如果在IE中处理onsubmit,我们可以直接调用这个函数:
===================================================
===================================================
但是,在Firefox中,使用getAttribute("onsubmit")返回的是一个字符串,因此就不能直接这样使用了,而应该将字符串转换成函数再去调用:
===================================================
===================================================
如果把上面这段代码在IE中运行,那么会发现无论是否在输入框中输入值,都会显示“Error”。
因此,如果要解决这个问题,可以在使用getAttribute获取onsubmit属性值之后,判断返回值类型是否为字符串,如果是字符串就使用new Function将它转换成函数:
===================================================
===================================================
这样,就解决了使用getAttribute("onsubmit")返回值类型不一样的问题,对于其他回调函数如onclick也可以这样处理。当然,如果大家有什么更好的解决方案也可以提出来分享一下:)
提交表单时,往往需要先对表单进行验证,而这个验证的过程一般是放在form标签的onsubmit属性中。
onsubmit一般是由浏览器在form的submit动作发生时自动触发,但是如果表单由我们自己来提交,比如在AJAX应用中,就是由我们自己写程序将表单转换成请求字符串,再通过XMLHttpRequest发送到服务器,那么如果在此同时不丢掉表单验证的话,就需要我们自己来获取 onsubmit属性,并去处理它。
在获取属性时,为了保证兼容性,我用getAttribute来获取标签的属性值,但是发获取了onsubmit属性之后,发现在Firefox和IE中使用getAttribute("onsubmit")所返回的返回值类型是不同的。
测试代码如下:
===================================================
// Firefox中提示框内容为string,IE中为function<br /> <form id="test" onsubmit="return validform();"> Name: <input type="text" id="name" /><br /> <input type="button" onclick="validate();" value="Validate" /> </form> <script type="text/javascript"> <!-- function validform() { return (document.getElementById("name").value!=""); } alert(typeof(document.getElementById("test").getAttribute("onsubmit"))); //--> </script>
===================================================
在Firefox中使用getAttribute("onsubmit")返回值的是一个字符串,而在IE中的返回值类型则是function,也就是一个函数,因此如果在IE中处理onsubmit,我们可以直接调用这个函数:
===================================================
// 注意,下面这段代码只能在IE中正常运行 <form id="test" onsubmit="return validform();"> Name: <input type="text" id="name" /><br /> <input type="button" onclick="validate();" value="Validate" /> </form> <script type="text/javascript"> <!-- function validform() { return (document.getElementById("name").value!=""); } function validate() { var vaf=document.getElementById("test").getAttribute("onsubmit"); if(vaf()) alert("OK"); else alert("Error"); } //--> </script>
===================================================
但是,在Firefox中,使用getAttribute("onsubmit")返回的是一个字符串,因此就不能直接这样使用了,而应该将字符串转换成函数再去调用:
===================================================
// 注意,下面这段代码只能在Firefox中正常运行 <form id="test" onsubmit="return validform();"> Name: <input type="text" id="name" /><br /> <input type="button" onclick="validate();" value="Validate" /> </form> <script type="text/javascript"> <!-- function validform() { return (document.getElementById("name").value!=""); } function validate() { // 使用new Function将字符串转换成函数 var vaf=new Function(document.getElementById("test").getAttribute("onsubmit")); if(vaf()) alert("OK"); else alert("Error"); } //--> </script>
===================================================
如果把上面这段代码在IE中运行,那么会发现无论是否在输入框中输入值,都会显示“Error”。
因此,如果要解决这个问题,可以在使用getAttribute获取onsubmit属性值之后,判断返回值类型是否为字符串,如果是字符串就使用new Function将它转换成函数:
===================================================
// 注意,下面这段代码在Firefox和IE中均能正常运行 <form id="test" onsubmit="return validform();"> Name: <input type="text" id="name" /><br /> <input type="button" onclick="validate();" value="Validate" /> </form> <script type="text/javascript"> <!-- function validform() { return (document.getElementById("name").value!=""); } function validate() { var vaf=document.getElementById("test").getAttribute("onsubmit"); vaf=typeof(vaf)=="string"?new Function(vaf):vaf; if(vaf()) alert("OK"); else alert("Error"); } //--> </script>
===================================================
这样,就解决了使用getAttribute("onsubmit")返回值类型不一样的问题,对于其他回调函数如onclick也可以这样处理。当然,如果大家有什么更好的解决方案也可以提出来分享一下:)
相关文章推荐
- PHP的基本语法——PHP语言标记及指令分隔符“分号”
- 搭建ftp
- php页面操作超时
- PHP捕获Fatal error错误的方法
- php中static关键字的用法(未完)
- 另外五个 PHP 设计模式
- PHP空数组转化为json对象的问题
- 五种常见的 PHP 设计模式
- 使用Huagepage和PGO来提升PHP7的执行性能
- 深入解析PHP中foreach语句控制数组循环的用法
- Jcrop+uploadify+php实现上传头像预览裁剪
- Windows Server 2016 TP4中RDS新增“多点服务”
- PHPUnit 手册(转)
- php杂技
- php生成curl命令行
- 2003外网ftp服务器搭建
- PHP定界符
- NOTICE: PHP message: PHP Warning: PHP Startup: Invalid library (maybe not a PHP library)
- vsftpd配置参数详细整理
- VSFTP安全加固