判断input框的value是否过大

1、html

<input type="text" onblur="check(this)"  onkeyup="this.value=this.value.replace(/[^0-9.]/g,‘‘)" value="" name="plantingArea" class="mycropIn" placeholder="种植面积" style="width: 88%;" />

2、js

//判断输入的作物面积范围
function check(e) {
    var re = /^([1-9]\d{0,3}|100000000)$/;
    if (e.value != "") {
        if (!re.test(e.value)) {
            e.value = "";
            $(".mycropIn").attr("placeholder","输入数字过大");
            e.focus();
            return false;
        }
    }

}

3、保存按钮,给后台提交数据

// 这里的return false 用于阻止后面代码的执行

var num=$(‘.mycropIn‘).val(); //种植面积
if(num == "") {
    firm("请输入种植面积");
    return false;
}
时间: 2024-07-30 15:12:53

判断input框的value是否过大的相关文章

判断input框是否为空

需求: 当input框失去焦点时:判断,如果输入框内容为空则获取焦点:否则弹出输入框的内容. <!DOCTYPE html> <html> <head> <title>判断input是否为空</title> <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script> </head> <bo

javascript判断input框只能输入数字的方法

javascript 只允许输入数字有很多方法,总结如下 1,只允许输入数字和小数点. <input onKeypress="return (/[\d.]/.test(String.fromCharCode(event.keyCode)))" style="ime-mode:Disabled"> 2,判断的更详细一些,甚至22..2这样不算数字也判断得出来 <script> <br>function check(){ <br

关于input框的兼容性问题

在H5横行的移动互联网时代中,兼容性的问题往往被大家所遗忘.可以说微软都已经放弃了IE,自然大家也都不是特别关心这些问题.但是客户却不会这么想,因为使用浏览器,浏览网站的人,太多了,以至于甚至于有人使用xp系统,ie6这样的低端版本.为了给用户更好的体验,我们只有选择迁就. 废话说了不少了,下面进入正题. 最近在项目中遇到input框的兼容性问题,经过多方实验,最终解决,特地记下来,以备以后查看,同时方便大家解决问题. 正常input框的css样式,例如: input{display:block

浅谈asp.net通过本机cookie仿百度(google)实现搜索input框自动弹出搜索提示

对于通过用户输入关键词实现自动弹出相关搜索结果,这里本人给两种解决方案,用于两种不同的情形. 常见方法是在数据库里建一个用户搜索关系表,然后通过用户搜索框输入的关键字异步调用数据表中的相关数据,显示在一个隐藏div中. 第二种方式也就是我现在着重讨论的方式,适用于单个用户,基于此用户以往的搜索数据来实现搜索提示功能.技术关键是记录下用户的以往搜索数据,写入cookie,然后页面从用户本机cookie调用数据. ok,下面进入正题.本文主要讲实现步骤,代码可根据自己实际需要更改. 一,如何写入co

类似input框内最右边添加图标,有清空功能

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Insert title here</title> <!-- js引入 --> <script type="text/javascript" src="../js/jquery-1.1

input框添加图标,代替submit

input框添加图标,代替submit的意思是form表单中,将常规的提交按钮更改成图标,但是图标具有提交的功能 首先,我们先探讨下如何获取图标,我是从阿里巴巴图标库中下载的,因为改版的原因,网上的一些方法并不能保证下载下来完整的代码,所以我来贴一下具体的图片,说明下如何下载代码 进入官网,搜索需要的内容,加入购物车,下载源码步骤不同就在后面 点击添加至项目,选择下载至本地 下载完成后是一个压缩包,解压后,将红色框的字体文件添加到font文件夹,因为大家可以轻而易举的发现,这是四种不同的字体编码

解决input框黄色背景问题(转)

input:-webkit-autofill { box-shadow: 0 0 0px 1000px white inset !important;} <form action="loginAction" method="post" autocomplete="off"> 方法1:给input框设置一个足够大的阴影 方法2:添加  autocomplete="off"  让input框输完内容不记录值

实现input框实时监听

一.大概有三种方法: 1.onchange() 2.oninput() 3.onpropertychange() 二.onchange() 该事件监听input的value是否改变,但需要注意只在input框失去焦点时触发,在ie.chrome.firefox等浏览器中都有效. 三.oninput() & onpropertychange() 要是你想只要input框的值发生改变,并不需要失去焦点就能触发,那么这对好基友就是你所需要的. oninput() & onpropertychan

判断input是否被选中

今天处理了一个input被选中的问题,所以今天就谢谢input被选中的一些js相关的问题吧. input的被选中属性叫做checked. checked是input的多选框type="checkbox".单选框type="radio"的属性. checked在JS里面有两个属性: 1.选中的时候是true 2.不被选中的是false 到这里的时候很多人已经知道怎么去判断input是否被选中怎么写了. 首先咱们先写一个布局,尽量简单点: <div id=&quo