html+js经纬度输入框值的范围限制和输入限制

html代码

<body><form action="url" method="post" id="saveData"><span>经度</span><%-- 数字、小数点和-输入限制 --%><input type="text" name="i_longitude" id="i_longitude" value="${obj.longitude }" onKeyPress="if(event.keyCode!=46 && event.keyCode!=45 && event.keyCode<48 || event.keyCode>57) event.returnValue=false" /><span>纬度</span><%-- 数字、小数点和-输入限制 --%><input type="text" name="i_latitude" id="i_latitude" value="${obj.latitude }" onKeyPress="if(event.keyCode!=46 && event.keyCode!=45 && event.keyCode<48 || event.keyCode>57) event.returnValue=false" /></form><button class="save" onClick="doSave()">提交</button><script type="text/javascript">function doSave() {// 经度值判断i_longitudevar longitude = $("#i_longitude").val();if (checkInputInt(longitude, -180, 180)) {alert('请输入正确的经度，范围:-180~180');return;}// 纬度值判断i_latitudevar latitude = $("#i_latitude").val();if (checkInputInt(latitude, -90, 90)) {alert('请输入正确的纬度，范围:-90~90');return;}if(confirm("确认提交？")) {$("#saveData").submit();}}// -和.和数值范围判断function checkInputInt(value, min, max) {if (value.indexOf('-') != -1) {if (value.indexOf('-') != 0) {return true;}var hCount = (value.split('-')).length-1;if (hCount > 1) {return true;}if (value.indexOf('.') != -1) {if (value.indexOf('.') == 1 || value.indexOf('.') > 4) {return true;}var dCount = (value.split('.')).length-1;if (dCount > 1) {return true;}}}if (value.indexOf('.') != -1) {if (value.indexOf('.') == 0 || value.indexOf('.') > 3) {return true;}var dCount = (value.split('.')).length-1;if (dCount > 1) {return true;}}if(parseInt(value) < min || parseInt(value) > max) {return true;}}</script>
</body>

html+js经纬度输入框值的范围限制和输入限制相关推荐

js实时监听input输入框值的变化以便即使匹配搜索项
问题说明在含有搜索框的网页中,经常需要及时匹配搜索项,因此需要监听input输入框的变化事件.如果使用 onkeydown.onkeypress.onkeyup 这个几个键盘事件来监测的话,除了监听 ...
jquery实时监听输入框值变化
在做web开发时候很多时候都需要即时监听输入框值的变化,以便作出即时动作去引导浏览者增强网站的用户体验感.而采用onchange时间又往往是在输入框失去焦点(onblur)时候触发,有时候并不能满足条 ...
asp.net监听输入框值的即时变化onpropertychange、oninput
要达到的效果很多情况下我们都会即时监听输入框值的变化,以便作出即时动作去引导浏览者增强网站的用户体验感.比如即时显示输入框已经被输入的字节数,或者即时读取输入的值来进行搜索引导,也就是google的 ...
JS常用正则表达式和JS控制输入框输入限制(数字、汉字、字符)
JS常用正则表达式和JS控制输入框输入限制(数字.汉字.字符) 验证数字:^[0-9]*$ 验证n位的数字:^\d{n}$ 验证至少n位数 ...
6- js监听输入框值的即时变化onpropertychange、oninput
js监听输入框值的即时变化onpropertychange.oninput 标题: js监听输入框值的即时变化onpropertychange.oninput事件参考: http://m.jb51. ...
Thymeleaf读取model里面的对象||Thymeleaf读取model里面的集合||Themeleaf在js中取值||访问带参数的消息||ThymeleafObjects的使用[取三大作域的值
Thymeleaf读取model里面的对象 Student.java package com.sxt.domain;import lombok.AllArgsConstructor; import l ...
实时监听输入框值变化的完美方案：oninput onpropertychange
实时监听输入框值变化的完美方案:oninput & onpropertychange 原文:实时监听输入框值变化的完美方案:oninput & onpropertychange 在 W ...
[js] 写一个方法，实时验证input输入的值是否满足金额如：3.56(最多只有两位小数且只能数字和小数点)的格式，其它特殊字符禁止输入
[js] 写一个方法,实时验证input输入的值是否满足金额如:3.56(最多只有两位小数且只能数字和小数点)的格式,其它特殊字符禁止输入 <body><input type=&qu ...
js获取checkbox值的方法
js获取checkbox值的方法.分享给大家供大家参考.具体实现方法如下:<html> <head> <meta http-equiv="Content-Typ ...
CEF3—在网页加载前给js对象填值
文章目录 CEF3-在网页加载前给js对象填值前言思路代码 CEF3-在网页加载前给js对象填值前言记录一次笔者在实际开发中遇到的问题.在用cef做多页应用开发的时候,多个单页共享数据的问题 ...

html+js经纬度输入框值的范围限制和输入限制

html+js经纬度输入框值的范围限制和输入限制相关推荐

最新文章

热门文章