zoukankan      html  css  js  c++  java
  • JS中处理单个反斜杠(即转义字符的处理)

    问题来源:在表单的<input>标签中对输入的字符串进行大写转换。一不小心输入了反斜杠  

    如下图所示:

    输入 chn  的时候,在  IE8  下弹出一个js错误。(在实际的项目的表单元素中遇到了,单独这样拿出来测试的时候又不弹出错误。也很是焦灼)

    索性就写了个办法暂时解决了这个问题。也符合实际的需求。

    测试代码如下:

    <%@ page language="java" contentType="text/html; charset=UTF-8"
        pageEncoding="UTF-8"%>
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Insert title here</title>
    </head>
    <script type="text/javascript" src="jquery/jquery-1.7.2.js"></script>
    <script type="text/javascript" src="jquery/jquery-1.7.2.min.js"></script>
    <script type="text/javascript">
        $(function() {
            $("#trans").keyup(function() {
                if (this.value.indexOf("\") >= 0) {
                    this.value = "";
                }
                this.value = this.value.toUpperCase();
            });
        });
    </script>
    <body>
        <h1>测试反斜杠 </h1>
        测试转换大写:
        <input id="trans" />
    </body>
    </html>

     在网上查找相关资料的时候,看到不少人遇到 反斜杠 (转义字符) 的问题,诸如以下参考链接。

    在单独拎出来做这个测试的时候,发现JQuery的高版本(3.2.1) 居然无效,然后是换成Jquery的1.7.2版本,亲测有效。

    然后又了解到

    目前jQuery有三个大版本:

    1.x:兼容  ie  6  7  8,使用最为广泛的,官方只做BUG维护,功能不再新增。因此一般项目来说,使用1.x版本就可以了,最终版本:1.12.4 (2016年5月20日)

    2.x:不兼容  ie  6  7  8,很少有人使用,官方只做BUG维护,功能不再新增。如果不考虑兼容低版本的浏览器可以使用2.x,最终版本:2.2.4 (2016年5月20日)

    3.x:不兼容  ie  6  7  8,只支持最新的浏览器。除非特殊要求,一般不会使用3.x版本的,很多老的jQuery插件不支持这个版本。目前该版本是官方主要更新维护的版本。

    1.X大版本下,细分版本非常多,各个版本的函数都会有一定的差异。网上看到的很多教程大多是1.x版本的。

    ---------

    今天遇到的小问题,也引申了很多其它问题。

    为此记录。

    2017/10/26

    参考资料:

    1.http://blog.csdn.net/shi_yi_fei/article/details/51202209

    2.http://blog.csdn.net/xufeng0991/article/details/46755825

    3.http://www.jb51.net/article/60372.htm

    4.Jquery版本参考:http://www.jb51.net/article/110228.htm

  • 相关阅读:
    javascript中的闭包、模块与模块加载
    jQuery源代码学习之九—jQuery事件模块
    javascript中的正则表达式学习
    javascript中的真假值、数据类型判断以及+的特殊用法
    jQuery源代码学习之八——jQuery属性操作模块
    使用RESTful风格,开发Web接口
    SpringBoot实战(1):搭建第一个SpringBoot项目
    Java面试考点解析(3)-- 数据库篇、Spring+MyBatis整合
    Java面试考点解析(2)-- Web开发、Spring、SprinMVC
    Java面试考点解析(1)-- 基础知识篇
  • 原文地址:https://www.cnblogs.com/redirectZmh/p/7737642.html
Copyright © 2011-2022 走看看