`
lixinlixin2008
  • 浏览: 152393 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

safari的maxlength失效问题

阅读更多
当输入法开启时,safari4和chrome3的  maxlength属性失效,智能abc输入法5.0还会导致safari4崩溃掉(偶尔)
   
    其它不同点:
        1,脚本给safari4和chorme3 input赋值的时候受maxlength限制(多余部分被截断),其它浏览器不受限制
       
        2,提交的时候,safari4和chrome3对超出maxlength的部分予以截断, 其它浏览器不会截断.
       
        3,从input中用脚本取值的时候,safari4和chrome3对超出maxlength的部分予以截断,  其它浏览器不会截断
       
        4,用脚本往input中赋值的时候,safari4和chrome3对超出maxlength的部分予以截断,  其它浏览器不会截断
   
        5,style="ime-mode:disabled"在 safari4 chrome3 opera10上无效
       
        6,if(e.keyCode==13)e.keyCode=9只有IE有效. 其它浏览器是只读的.
       
        7,在页面没有submit按钮的时候,safari4和chrome3依然会回车提交表单

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>帮助</title>

<style type="text/css">
*{
    margin: 0px;
    padding: 0px;
}

</style>
</head>

<body>
    当输入法开启时,safari4和chrome3的  maxlength属性失效,智能abc输入法5.0还会导致safari4崩溃掉(偶尔)
    
    其它不同点:
        1,脚本给safari4和chorme3 input赋值的时候受maxlength限制(多余部分被截断),其它浏览器不受限制
        
        2,提交的时候,safari4和chrome3对超出maxlength的部分予以截断, 其它浏览器不会截断.
        
        3,从input中用脚本取值的时候,safari4和chrome3对超出maxlength的部分予以截断,  其它浏览器不会截断
        
        4,用脚本往input中赋值的时候,safari4和chrome3对超出maxlength的部分予以截断,  其它浏览器不会截断
    
        5,style="ime-mode:disabled"在 safari4 chrome3 opera10上无效
        
        6,if(e.keyCode==13)e.keyCode=9只有IE有效. 其它浏览器是只读的.
        
        7,在页面没有submit按钮的时候,safari4和chrome3依然会回车提交表单
        
    <div id="div1">
        <form name="form1" target=_blank action="http://www.google.cn/intl/zh-CN/images/logo_cn.gif" method=get>
            <input name="inp1" onkeydown=onkd(event) style="ime-mode:disabled" type=text maxlength=5 />
            <input type=text maxlength=5 />
            <input type=button onclick="查看字数()" value="多少文字" />

        </form>
    </div>

</body>
</html>

<script>
document.form1.inp1.value="abcdefghi";

function onkd(e){
    var e=e||window.event;

        if(e.keyCode==13)e.keyCode=9;

}

function 查看字数(){
    alert(document.form1.inp1.value);
}
</script>




by: 天堂左我往右
0
0
分享到:
评论

相关推荐

    JavaScript实现textarea的maxlength

    在某些场景下,我们可能需要限制用户在`textarea`中输入的最大字符数,以防止过长的数据导致处理问题或者数据库存储问题。这就是`maxlength`属性的作用。`maxlength`属性是HTML5引入的一个特性,允许我们为`textarea...

    自定义html maxlength

    然而,有时候默认的`maxlength`属性功能可能无法满足特定的需求,比如需要更复杂的验证规则或者动态改变最大长度等。这就需要通过JavaScript或jQuery等客户端脚本语言来实现自定义的解决方案。 首先,让我们回顾...

    textarea不能通过maxlength属性来限制字数的解决方法

    开发者常常需要限制用户在`&lt;textarea&gt;`中输入的字符数量,以避免数据过长造成的存储问题或是满足特定的前端验证需求。然而,HTML标准中并没有提供`maxlength`属性来限制`&lt;textarea&gt;`的字符数,因此必须采用其他方法...

    文本框size&maxlength区别

    `size`和`maxlength`属性是控制文本框行为的两个关键参数,它们各有不同的作用。 首先,我们来详细了解一下`size`属性。`size`属性用于定义文本输入框在屏幕上的初始宽度,以字符数为单位。例如,如果你设置`size=...

    TextBox 在 TextMode 属性设定成 MultiLine, MaxLength无效的解决方法

    TextBox 在 TextMode 属性设定成 MultiLine, MaxLength无效的解决方法 在Web.config中 將以下片段插入到 &lt;system.web&gt; / &lt;pages&gt; 下即可: &lt;tagMapping&gt; ...

    前端项目-bootstrap-maxlength.zip

    【前端项目-bootstrap-maxlength.zip】是一个前端开发相关的项目,它主要关注的是在用户输入时提供一个视觉反馈,提示用户已输入字符的数量与最大允许输入的字符数的关系。这个项目是基于Bootstrap框架构建的,...

    maxlength list_最长公共子序列_

    在给定的标题“maxlength list_最长公共子序列_”中,我们可以理解为我们要解决的是找出两个序列间的最长公共子序列,并输出它的长度以及可能的一个实例。 在描述中提到,“寻找连接两个序列的最长公共子序列,并且...

    QTextEdit 实现 QLineEdit 的 setPlaceholderText() 和 setMaxLength ()函数

    在某些场景下,我们可能希望QTextEdit具有QLineEdit的功能,比如设置占位符文本(setPlaceholderText())和限制输入的最大长度(setMaxLength())。本篇文章将深入探讨如何在QTextEdit中实现这两个功能。 首先,让...

    IE6-9placeholder、textarea-maxlength的修复;实时用户输入捕捉

    IE6-9 input和textarea元素的placeholder(占位符)属性与textarea元素的maxlength(最大长度限制)属性的修复与所有浏览器的实时输入捕捉,仅需要提供一个元素或者元素id与实时捕捉回调函数(可选)。甚至实现了各...

    maxlength:jQuery MaxLength插件

    `maxlength`是一个基于jQuery的插件,用于对输入文本的长度进行限制,特别是在文本区域(textarea)中。这个插件提供了灵活的控制方式,帮助开发者确保用户输入的内容不会超过预设的最大长度,从而保持数据的一致性...

    jquery maxlength使用说明

    jquery.maxlength.js是一个简洁的jQuery插件,它提供了一种便捷的方式来提示用户输入长度,并可以设置当输入超出限定字符数时如何显示提示信息或进行其他处理。 首先,需要了解的是jquery.maxlength插件可以工作在...

    MaxLength.java

    MaxLength.java

    JQuery为textarea添加maxlength属性的代码

    为了解决这个问题,可以在提交表单之前进行一次全面的验证,例如使用`form.submit()`事件,检查所有textarea是否符合`maxlength`限制。 总的来说,使用jQuery结合`keyup`和`blur`事件,可以有效地实现对`textarea`...

Global site tag (gtag.js) - Google Analytics