js 手机号实现(344)  下面有将正则验证去掉“-” 或“空格”  下一篇博客有单独的删除功能方法

<!DOCTYPE html>

<head>

    <meta charset="UTF-8">

    <title>aaa</title>

</head>

<body>

    <input type="tel" id="phone" onfocus="getCursortPosition(this);" onclick="getCursortPosition(this);" onkeyup="format(this);" maxlength="13"/>

    <script>

        var CaretPos = -1;

        var numLength = 0;

        function valid(value){

            if(value && !/^\d{0,25}$/g.test(value)){

                return value.replace(/[^0-9]/ig, '');

            }

            return value;

        }

        function format(obj){

            var value=valid(obj.value);

            value=value.replace(/\s*/g,"");

            var result=[];

            for(var i=0;i<value.length;i++){

                if(i==3 || i==7){

                    result.push("-"+value.charAt(i)); //双引号里减号 可替换

                }else{

                    result.push(value.charAt(i));

                }

            }

            obj.value=result.join("");

            if(obj.value.length < numLength){

                if(CaretPos == 10 || CaretPos == 5){

                    CaretPos -= 2;

                } else {

                    CaretPos -= 1;

                }

                setCaretPosition(obj, CaretPos);

            }

            console.log(CaretPos);

            if(obj.value.length > numLength){

                if(CaretPos == 8 || CaretPos == 3){

                    CaretPos += 2;

                } else {

                    CaretPos += 1;

                }

                setCaretPosition(obj, CaretPos);  

            }

            numLength = obj.value.length;

        }

        function getCursortPosition (ctrl) {

            if (document.selection) {

                ctrl.focus ();

                var Sel = document.selection.createRange();

                Sel.moveStart ('character', -ctrl.value.length);

                CaretPos = Sel.text.length;

            }else if (ctrl.selectionStart || ctrl.selectionStart == '0')

                CaretPos = ctrl.selectionStart;

        }

        function setCaretPosition(ctrl, pos){

            if(ctrl.setSelectionRange)

            {

                ctrl.focus();

                ctrl.setSelectionRange(pos,pos);

            }

            else if (ctrl.createTextRange) {

                var range = ctrl.createTextRange();

                range.collapse(true);

                range.moveEnd('character', pos);

                range.moveStart('character', pos);

                range.select();

            }

        }

    </script>  

</body>

jq 实现银行卡没四个数加一个空格  下面有将正则验证去掉“-” 或“空格”

<!DOCTYPE html>

<html>

<head lang="en">

  <meta charset="UTF-8">

  <title>银行卡号4位空格</title>

  <script src="http://j2.58cdn.com.cn/js/jquery-1.8.3.js"></script><!--依赖jquery-->

</head>

<body>

  <input type="tel" placeholder="请输入储蓄卡卡号" name="cardNum">

  <script>

   //监控input事件

    document.querySelector('input[name=cardNum]').addEventListener('input', function() {

        //获取当前光标位置

        var position = this.selectionStart;

        var v = this.value;

        //四个字符加一个空格

        this.value = v.replace(/\s/g, '').replace(/(.{4})/g, "$1 ");

        //优化语句：如果当前位置是空格字符，则自动清除掉

        if (this.value.charAt(this.value.length - 1) == ' ') {

            this.value = this.value.substring(0, this.value.length - 1);

        }

        var input = this;

        //重新定位光标位置，start和end都需要设置，不然就是截取片段了

        //countSpace此方法报错，但是不影响使用，我也没解决问题所在，求大神

        input.selectionStart = position + countSpace(this.value, position);

        input.selectionEnd = position + countSpace(this.value, position);

    })

  </script>

</body>

</html>

用正则验证去掉“-” 或“空格”

<html>

<head>

<meta http-equiv="Content-type" content="text/html; charset=utf-8" />

<script type="text/javascript">

var str="187-5332 5214+1000"; // 假如这是你得到的字符串

// 下面进行替换

var str_rep = str.replace(/\+|\-|\s+|\*|\?/g,"");

console.log(str_rep);

// 不知道是不是你所说的那样

</script>

</head>

</html>

js jq 手机号实现(344) 附带删除功能 jq 实现银行卡没四个数加一个空格 附带删除功能的更多相关文章

  1. JS实现input中输入数字，控制每四位加一个空格（银行卡号格式）

    前言 今天来讲讲js中实现input中输入数字,控制每四位加一个空格的方法!这个主要是应用于我们在填写表单的时候,填写银行卡信息,要求我们输入的数字是四位一个空格!今天主要介绍两种方式来实现这个方法! ...

  2. js填写银行卡号，每隔4位数字加一个空格

    1.原生js写法 !function () { document.getElementById('bankCard').onkeyup = function (event) { var v = thi ...

  3. JS文本框每隔4个数字加一个空格，银行卡号文本框

    <input type="text" onkeypress="return (function(key,that){return (key>47&&a ...

  4. js 每隔四位加一个空格

    var str = '2016060520103600466'; var str=str.replace(/\s/g,'').replace(/(.{4})/g,"$1 "); a ...

  5. js银行卡四个数字一个空格

    !function () { document.getElementById('bankCard').onkeyup = function (event) { var v = this.value; ...

  6. jq选择器（jq 与 js 互相转换），jq操作css样式 / 文本内容， jq操作类名，jq操作全局属性,jq获取盒子信息,jq获取位置信息

    jq选择器(jq 与 js 互相转换) // 获取所有的页面元素jq对象 $('css3选择器语法'); var $box = $(".box:nth-child(1)"); 获取 ...

  7. (Demo分享)利用JavaScript（JS）实现一个九宫格拖拽功能

    利用JavaScript(JS)实现一个九宫格拖拽功能   Demo实现了对任意方格进行拖拽,可以交换位置,其中Demo-1利用了勾股定理判断距离! Demo-1整体思路: 1.首先div实现自由移动 ...

  8. php相册功能实现(包含php图片上传,后台管理,浏览和删除)教程例子

    相册功能实现(包含php图片上传,后台管理,浏览和删除)教程例子包括五个部分: 一.相册首页 <html> <head> <meta charset="utf- ...

  9. 原生js实现一个简单的倒计时功能

    大家好,我是云中君!欢迎大家来观看我的博客 之前那,在群里看到很多人问,关于电商网站中的倒计时功能怎么实现,很多人说在网上找了很多插件,但是不是很会用,所以今天就在这里分享一下我封装的一个小的倒计时功 ...

随机推荐

  1. Docker配置参考

    Docker配置参考 一.参数列表 参考网址:https://docs.docker.com/engine/reference/commandline/dockerd/#options Usage: ...

  2. angular 2 - 001 ng cli的安装和使用

    angular cli 创建项目和组件 ng new my-app --skip-install cd my-app cnpm install ng serve localhost:4200 angu ...

  3. 使用Træfɪk(traefik)来加速Qt在线更新

    简述 在使用Qt的MaintenanceTool程序进行在线更新的时候遇到一个问题,就是访问download.qt.io实在太慢了,老是失败.所以想使用国内的镜像站来进行更新. 使用Qt的镜像站方法也 ...

  4. maven error: element dependency can not have character children

    就是Mavn pom.xml的解析错误,因为dependency这个标签中有不可见的垃圾字符,解决方法就是删掉重新打字进去就可以了. references: https://stackoverflow ...

  5. 一行代码搞定 R 语言模型输出！（使用 stargazer 包）

    引言 使用stargazer包可以将 R 构建的模型结果以LATEX.HTML和ASCII格式输出,方便我们生成标准格式的表格.再结合rmarkdown,你就可以轻轻松松输出一篇优雅的文章啦~本文“使 ...

  6. Mac下的Chrome或Safari访问跨域设置，MBP上使用模拟器Simulator.app或iphone+Safari调试网页

    Mac下的Chrome或Safari访问跨域设置: mac下终端启动Chrome $ open -a Google\ Chrome --args --disable-web-security 或 /A ...

  7. php获取客户端IP地址的方法

    参考:https://www.cnblogs.com/rendd/p/6183094.html <?php function getip() { //strcasecmp 比较两个字符,不区分大 ...

  8. Tomcat服务器安装、配置、测试

    Tomcat服务器安装.配置.测试(win7_64bit) 目录 1.概述 2.本文用到的工具 3.Tomcat服务器安装配置 4.Tomcat服务器简单测试 5.注意事项 >>看不清的图 ...

  9. Sublime text 3 格式化代码 插件

    JsFormat: 重新打开sublime就能使用js格式化插件 使用方法: 1.快捷键:ctrl+alt+f 2.或者先用快捷键打开命令面板 “ctrl + shift + p”, 再输入 “For ...

  10. HTML中 javascript 相对根路径问题

    在HTML文档中,有很多引用的JS或者CSS文件,一般都是用相对路径来引用的,例如: ./../.. ,但是,有没有类似ASP.NET中的路径: ~/Scripts/myScript.js 但是有的: ...