jQuery焦点不在输入框内判断不能为空
我能说JS和jquery有时候都有病吗？同样的代码，重敲一遍可以了，再过一会不行了。再试一下重敲，一模一样的代码，也不报错。就是不行。反复折腾。。。。
我帖上来的是经过了1个小时同等功能的测试OK的，无语了。。。。。
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Insert title here</title>
<link type="text/css" rel="stylesheet" href="../css/style.css">
<script type="text/javascript" src="../js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="../ckeditor/ckeditor.js"> </script>
<script type="text/javascript">
$(document).ready(function(){
//供应商输入框判断 /* 焦点离开文本框 */
$("#proName").blur(function(){
if($("#proName").val().length==0){
$("#proName_span").html("供应商不能为空"); }
});
$("#proName").focus(function(){
$("#proName").css("background-color","#FFFFCC");
$("#proName_span").html("");
});
//联系人为空输入框判断
/* 焦点在文本框内*/
$("#proContact").focus(function(){
$("#proContact").css("background-color","#FFFFCC");
$("#proContact_span").html("");
});
/!* 焦点离开文本框 *!/
$("#proContact").blur(function(){
$("#proContact").css("background-color","#D6D6FF");
if($(this).val().length==0){
$("#proContact_span").html("联系人不能为空"); }
});
//联系电话为空输入框判断
/!* 焦点在文本框内*!/
$("#proPhone").focus(function(){
$("#proPhone").css("background-color","#FFFFCC");
$("#proPhone_span").html("");
});
/* 焦点离开文本框 */
$("#proPhone").blur(function(){
$("#proPhone").css("background-color","#D6D6FF");
if($(this).val().length==0){
$("#proPhone_span").html("联系电话不能为空"); }
}); })
</script>
</head>
<body>
<div class="main">
<div class="optitle clearfix">
<div class="title">供应商管理>></div>
</div>
<form id="form1" name="form1" method="post" action="<%=request.getContextPath()%>/addProvider">
<input type="hidden" name="method" value="add">
<div class="content">
<table class="box">
<tbody><tr>
<td class="field">供应商名称：</td>
<td><input type="text" name="proName" class="text" id="proName" value=""/> <span color="red">*</span><span color="red" id="proName_span"></span></td>
</tr>
<tr>
<td class="field">联系人：</td>
<td><input type="text" name="proContact" class="text" id="proContact" value=""/> <span color="red">*</span><span color="red" id="proContact_span"></span></td>
</tr>
<tr>
<td class="field">联系电话：</td>
<td><input type="text" name="proPhone" class="text" id="proPhone" value=""/> <span color="red">*</span><span color="red" id="proPhone_span"></span></td>
</tr>
<tr>
<td class="field">联系地址：</td>
<td><input name="proAddress" id="proAddress" class="text" value=""/></td>
</tr>
<tr>
<td class="field">传真：</td>
<td><input type="text" name="proFax" class="text" id="proFax" value=""/> </td> </tr>
<tr>
<td class="field">描述：</td>
<td><textarea id="proDesc" name="proDesc" rows="8" cols="5" class="ckeditor"></textarea></td> </tr>
</tbody></table>
</div>
<div class="buttons">
<input type="button" name="add" id="add" value="保存" class="input-button"/>
<input type="button" name="button" id="button" onclick="history.back(-1)" value="返回" class="input-button"/>
</div> </form>
</div>
<script type="text/javascript" src="../js/provider/add.js"></script> </body></html>
jQuery焦点不在输入框内判断不能为空的更多相关文章
- 移动端用js与jquery实时监听输入框值的改动
背景: 在一次移动端H5开发中,需要监听输入框值的实时变动. onchange事件肯定抛弃,因为只能失去焦点才触发. 而keyPress在Android可以触发,iOS不可以. 又不想用Android ...
- Ajax,设置默认焦点以及判断是否为空
<style type="text/css"> .tishi{ color: red; } </style> <script type="t ...
- js与jquery实时监听输入框值变化方法
本文实例讲述了js与jquery实时监听输入框值的oninput与onpropertychange方法.分享给大家供大家参考.具体如下: 最近做过一个项目,需求是下拉框里自动匹配关键字,具体细节是实时 ...
- js与jquery实时监听输入框值的oninput与onpropertychange方法
文实例讲述了js与jquery实时监听输入框值的oninput与onpropertychange方法.分享给大家供大家参考.具体如下: 最近做过一个项目,需求是下拉框里自动匹配关键字,具体细节是实时监 ...
- 用jquery快速解决IE输入框不能输入的问题_jquery
代码如下: 在IE10以上版本,微软为了提高IE输入框的便利性,增加了文本内容全部删除和密码眼睛功能,但是有些时候打开新的页面里,输入框却被锁定无法编辑,需要刷新一下页面,或者如果输入框有内容需要点击 ...
- 强大的自适应jQuery焦点图特效
jQuery焦点图切换自适应效果 自适应jQuery焦点图特效是一款支持移动端的响应式jQuery焦点图插件,支持flexible布局,支持移动触摸事件等. 今天我们要来分享一款很灵活的jQuery焦 ...
- 基于jQuery打造的选项卡向上弹出jquery焦点图切换特效
基于jQuery打造的选项卡向上弹出jquery焦点图切换特效 鼠标经过标题栏,会出现层特效向上滑动,并且在同时进行幻灯片切换,效果十分不错. 有兴趣的童鞋可以下载看看,在IE6方面兼容性也不错,只有 ...
- 分享10款常用的jQuery焦点图插件
爱编程一直在收集整理编程相关的知识和解决方案,今天小编为大家带来10款非常常用的jquery焦点图插件. 1.jQuery可自动播放动画的焦点图插件 之前我们已经分享过很多非常实用的jQuery焦点图 ...
- 8款超绚丽的jQuery焦点图动画
随着前端技术和浏览器技术的不断发展,人们开始对网页视觉效果的要求越来越高.我们经常会在页面中看到很多炫酷的图片焦点图播放控件,有些甚至是大屏的焦点图占用大片的页面空间,从而吸引用户的眼球.本文要分享的 ...
随机推荐
- 从炉石传说的一个自杀OTK说起
OTK就是one turn kill,不过这次我们要谈的OTK是自杀,对就是自己把自己给OTK了. 其实程序没有任何错误,只是恰巧碰上了这么个死循环. ps:文章最后有代码git地址 发动条件及效果: ...
- keepalived+LVS 实现双机热备、负载均衡、失效转移 高性能 高可用 高伸缩性 服务器集群
本章笔者亲自动手,使用LVS技术实现实现一个可以支持庞大访问量.高可用性.高伸缩性的服务器集群 在读本章之前,可能有不少读者尚未使用该技术,或者部分读者使用Nginx实现应用层的负载均衡.这里大家都可 ...
- Html.BeginForm
该方法用于构建一个From表单的开始,他的构造方法为: Html.BeginForm("ActionName","ControllerName",FormMet ...
- CSS中margin与padding的区别
CSS边距属性定义元素周围的空间.通过使用单独的属性,可以对上.右.下.左的外边距进行设置.也可以使用简写的外边距属性同时改变所有的外边距.——W3School 边界(margin):元素周围生成额外 ...
- 1415-2 计科&计高 软件工程博客&Github地址汇总－修正版
序号 标识 博客 代码 1 1121袁颖 joanyy joanyy 2 1122崔琪 chitty ChittyCui 3 1123吕志浩 lucy123 715lvzhihao 4 1124张静 ...
- 屠龙之路_任生活如何虐你，屠龙之路还得继续_SeventhDay
摘要 :屠龙少年在"罢工"了一天,在周末客栈补给和放纵之后,突然想起来说好的和公主私奔呢?(此处出现了为何上篇随笔不见公主)咋想之下,貌似公主还在恶龙Alpha的手中.为此,屠龙少 ...
- alpha版本冲刺总结
小组:The Expendables 一.项目预期计划 1.基本完成所有界面设计 2.基本完成所有功能设计(导入导出excel表格,搜索功能,文件选择功能,连接服务器等...) 3.基本完成服务器搭建 ...
- Beta版本冲刺———第五天
会议照片: 项目燃尽图: 1.项目进展: 困难:基本计划中增加的功能已经完成,但是在"如何保存每次游戏的分数,并将其排序列在排行榜中"遇到麻烦,现在小组都在一起协商攻克中.
- 【ASP.NET Identity系列教程（三）】Identity高级技术
注:本文是[ASP.NET Identity系列教程]的第三篇.本系列教程详细.完整.深入地介绍了微软的ASP.NET Identity技术,描述了如何运用ASP.NET Identity实现应用程序 ...
- 如何设置让iis服务器支持.apk文件的下载
随着智能手机的普及,越来越多的人使用手机上网,很多网站也应手机上网的需要推出了网站客户端,.apk文件就是安卓(Android)的应用程序后缀名,默认情况下,使用IIS作为Web服务器的无法下载此文件 ...