博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
设置文本框输入不同值
阅读量:7195 次
发布时间:2019-06-29

本文共 1674 字,大约阅读时间需要 5 分钟。

hot3.png

Js验证只能输入数字,通过键盘值(keyCode)验证

<input type="text" style="ime-mode:disabled;" οnpaste="return false;" οnkeypress="keyPress()" />

function keyPress() {         var keyCode = event.keyCode;         if ((keyCode >= 48 && keyCode <= 57)){             event.returnValue = true;         } else {               event.returnValue = false;        }     }

style:ime-mode:disabled表示不能切换输入法 

οnpaste=”return false;” 表示不能粘贴

1.文本框只能输入数字代码(小数点也不能输入)

2.只能输入数字,能输小数点.

3.数字和小数点方法二

4.只能输入字母和汉字

5.只能输入英文字母和数字,不能输入中文

6.只能输入数字和英文

7.小数点后只能有最多两位(数字,中文都可输入),不能输入字母和运算符号:

8.小数点后只能有最多两位(数字,字母,中文都可输入),可以输入运算符号:

输入中文:

  

输入数字:   

  

输入英文:  

   

三个合在一起(中文、数字、英文)  

  只输入数字和字母  

 

除了英文的标点符号以为 其他的人都可以中文,英文字母,数字,中文标点

 

input值输入后自动计算

设置输入值条件:

onkeyup="value=value.replace(/[^\d\.]/g,'')" onblur="value=value.replace(/[^\d\.]/g,'')"

自动合并input框值

  • 交通事故责任强制险报价:
  • 车身划痕险报价:
总报价:

上面input框限制只能输入数字或小数,当input失去焦点,会执行 mergervalue(value,name,id);

//mergervalue 合并值 //value 当前input输入框值//vname 当前input输入框标识名称//id    分类id(有很多相同的input集合需要合并,可以用id来区分)function mergervalue(value,vname,id){    var oquota = $('#'+vname).attr('quota');// 原值    var total = $('#i_quote'+id).val();// 总值    if(oquota == undefined || oquota == ''){        oquota = '0';    }    if(total == undefined || total == ''){        total = '0';    }    if(value == undefined || value == ''){        value = '0';    }    oquota = parseFloat(oquota);    total = parseFloat(total);    value = parseFloat(value);    totals = total + oquota + value;    $('#i_quote'+id).val(totals);// 记录总值    $('#'+vname).attr('quota',-value);// 记录原值的负数}

 

转载于:https://my.oschina.net/u/2251646/blog/1555220

你可能感兴趣的文章
搭建前端监控系统(备选)用户行为统计和监控篇(如何快速定位线上问题)...
查看>>
linux常用命令
查看>>
Django 序列化
查看>>
[SQL]躺着也中枪的datetime类型
查看>>
Eclipse设置Tab键为空格
查看>>
苹果iPad二代新功能大预测
查看>>
MySQL 插入中文后,显示为空白
查看>>
stark组件(11):组合搜索
查看>>
V4L2 API详解 <二> Camera详细设置【转】
查看>>
自动化动态测试的战略优势
查看>>
css基础知识
查看>>
Java8新特性之三:Stream API
查看>>
python调用jar包
查看>>
【Prince2科普】Prince2的七大原则(5)
查看>>
linux内核挂载文件系统的两种方式
查看>>
30个免费下载高质量精美照片素材的网站
查看>>
Memcached深度分析
查看>>
字符编码
查看>>
【实验7】综合练习
查看>>
[bzoj3531][Sdoi2014]旅行
查看>>