jQuery 判断输入框的值，超出范围，边框置为红色

最新推荐文章于 2024-05-23 09:17:05 发布

小虾米❀

最新推荐文章于 2024-05-23 09:17:05 发布

阅读量932

点赞数

分类专栏：前端文章标签： jquery

本文链接：https://blog.youkuaiyun.com/weixin_44084713/article/details/105352007

版权

前端专栏收录该内容

14 篇文章

订阅专栏

//获取文本框值
var data = $("#id").val();
if((data<10) && (data>50))
{
    $("#id").css("border-color","red")
}

参考原文

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

小虾米❀

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

v-model --双向数据绑定

qq_45802159的博客

01-03

3379

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...

JS自动判断文本框是否输入文字，如果没有文字，自动变红

BowenXu11的博客

04-07

2063

<!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8" /> <title></title> <script type="text/javascript"...

参与评论您还未登录，请先登录后发表或查看评论

jQuery_如何用js或jQuery实现input失焦后，为空则为红色边框，不为空则为绿色边框？

jronzhang的博客

03-24

1138

本人比较笨我需要完整版的包括html 谢谢了解决方案 name_textbox .blur(function(){ if(!name_textbox .val() || name_textbox.val() == '') name_textbox.css("border","1px solid orange"); }); 解决方案二：

jquery 修改input边框和背景颜色

li836779537的博客

01-06

3256

代码： <input id="aaa" name="bbb" class="ccc" "/> 这里的 $(".ccc")也可以换 $("#aaa") ，哪种方式都可以。 if($(".ccc").val() == 0){ $(".ccc").css("border-color","red");//边框颜色 $(".ccc").css("background-color","#FCF2AD");//背景颜色 } 效果图： ...

利用JS判断前端数据的大小进行变色显示

最新发布

TC0221的博客

05-23

374

通过js对后端传过来的数据进行大小的比较实现不同颜色变化

利用jquery中的选择器,至少写三种方法,让p元素的字体颜色变成红色

qq_45747891的博客

10-27

840

利用jquery中的选择器,至少写三种方法,让p元素的字体颜色变成红色效果图代码 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <script type="text/javascr...

JQuery-Demo4：检查输入文本框值的长度

Burning Chrome

10-30

1226

JQuery-Demo4：检查文本框长度一. 需求二. 代码三. 效果 Github：check_length 一. 需求假设页面上有一个文本框，用来让用户输入用户名。用户输入用户名的时候，如果输入长度超过 5，当失去文本框焦点的时候，就提示用户长度超过限制，否则则提示成功。可以用文字在文本框后面提示，也可以用小图标提示。二. 代码 check_length.html <!DOC...

jQuery数字加减输入框代码

06-24

为了保持轻量级，该插件没有包含复杂的验证或边界控制，如确保数值不超出特定范围。在实际项目中，可以根据需求添加这些功能，例如限制最小值为0，或者设置最大值。此外，为了使样式更加美观，可以使用CSS对按钮和...

jQuery红色分页样式代码.zip

05-23

同时，为了防止非法输入或超出总页数，需要对输入值进行验证。此外，分页组件通常还需要维护一些状态，例如当前页、每页显示的条目数等。这些状态可能保存在JavaScript变量中，或者通过HTML5的`data-*`属性附加到...

jQuery简单实现的HTML页面文本框模糊匹配查询功能完整示例

10-18

此外，列表框的`overflow`属性设置为`auto`，这意味着当内容超出高度限制时，将会显示滚动条。 jQuery脚本部分是实现模糊匹配功能的关键。首先，当文本框获得点击事件时，列表框会显示出来。相应地，当鼠标点击到...

jQuery实现对网页节点的增删改查功能示例

12-10

如果超出范围，会弹出警告，并改变`div`的边框颜色。在实际应用中，这样的功能可以用于动态构建用户界面，例如创建可编辑的列表或表格。jQuery的这些操作通常比纯JavaScript更简洁，因为它们抽象了许多底层细节，...

jQuery插件charCount模仿twitter和新浪微博的textarea字数统计.zip

11-17

通过CSS类`over-limit`，我们可以为textarea添加视觉反馈，如改变背景色或边框样式，使用户更容易察觉到已超过字符限制。总的来说，jQuery插件charCount是一个强大且易于使用的工具，可以帮助开发者快速实现...

jQuery input值为空输入框变红，输入值消失

03-21

2776

$('#input').blur(function () { this.style.borderColor = this.value == '' ? 'red' : 'green'; }) ...

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

kuaikuai_945的博客

10-18

2223

html代码 <body> <form action="url" method="post" id="saveData"> <span>经度</span> <%-- 数字、小数点和-输入限制 --%> <input type="text" name="i_longitude" id="i_longitude" va...

jQuery（3）--实现注册表单中当用户名为空时,实现输入框边框变色

国旭的专栏

03-19

8996

效果图如下：源码如下： demo05.html --> $(document).ready(function() { //:input 获取的是 type=text,radio,button等select textarea等元素对象 $(":input").blur(function(

**el-input 的输入超出500，显示红色负数**

weixin_43383840的博客

05-06

964

el-input 的输入超出500，显示红色负数 ) 新的改变我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客：全新的界面设计，将会带来全新的写作体验；在创作中心设置你喜爱的代码高亮样式，Markdown 将代码片显示选择的高亮样式进行展示；增加了图片拖拽功能，你可以将本地的图片直接拖拽...