我能说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">供应商管理&gt;&gt;</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焦点不在输入框内判断不能为空的更多相关文章

  1. 移动端用js与jquery实时监听输入框值的改动

    背景: 在一次移动端H5开发中,需要监听输入框值的实时变动. onchange事件肯定抛弃,因为只能失去焦点才触发. 而keyPress在Android可以触发,iOS不可以. 又不想用Android ...

  2. Ajax,设置默认焦点以及判断是否为空

    <style type="text/css"> .tishi{ color: red; } </style> <script type="t ...

  3. js与jquery实时监听输入框值变化方法

    本文实例讲述了js与jquery实时监听输入框值的oninput与onpropertychange方法.分享给大家供大家参考.具体如下: 最近做过一个项目,需求是下拉框里自动匹配关键字,具体细节是实时 ...

  4. js与jquery实时监听输入框值的oninput与onpropertychange方法

    文实例讲述了js与jquery实时监听输入框值的oninput与onpropertychange方法.分享给大家供大家参考.具体如下: 最近做过一个项目,需求是下拉框里自动匹配关键字,具体细节是实时监 ...

  5. 用jquery快速解决IE输入框不能输入的问题_jquery

    代码如下: 在IE10以上版本,微软为了提高IE输入框的便利性,增加了文本内容全部删除和密码眼睛功能,但是有些时候打开新的页面里,输入框却被锁定无法编辑,需要刷新一下页面,或者如果输入框有内容需要点击 ...

  6. 强大的自适应jQuery焦点图特效

    jQuery焦点图切换自适应效果 自适应jQuery焦点图特效是一款支持移动端的响应式jQuery焦点图插件,支持flexible布局,支持移动触摸事件等. 今天我们要来分享一款很灵活的jQuery焦 ...

  7. 基于jQuery打造的选项卡向上弹出jquery焦点图切换特效

    基于jQuery打造的选项卡向上弹出jquery焦点图切换特效 鼠标经过标题栏,会出现层特效向上滑动,并且在同时进行幻灯片切换,效果十分不错. 有兴趣的童鞋可以下载看看,在IE6方面兼容性也不错,只有 ...

  8. 分享10款常用的jQuery焦点图插件

    爱编程一直在收集整理编程相关的知识和解决方案,今天小编为大家带来10款非常常用的jquery焦点图插件. 1.jQuery可自动播放动画的焦点图插件 之前我们已经分享过很多非常实用的jQuery焦点图 ...

  9. 8款超绚丽的jQuery焦点图动画

    随着前端技术和浏览器技术的不断发展,人们开始对网页视觉效果的要求越来越高.我们经常会在页面中看到很多炫酷的图片焦点图播放控件,有些甚至是大屏的焦点图占用大片的页面空间,从而吸引用户的眼球.本文要分享的 ...

随机推荐

  1. FineUI小技巧（2）将表单内全部字段禁用、只读、设置无效标识

    需求描述 对表单内的所有字段进行操作也是常见需求,这些操作有: 禁用:表单字段变灰,不响应用户动作. 只读:表单字段不变灰,但不接受用户输入(实际上是设置DOM节点的readonly属性),有触发器的 ...

  2. SQLServer(MSSQL)、MySQL、SQLite、Access相互迁移转换工具 DB2DB v1.0

    最近公司有一个项目,需要把原来的系统从 MSSQL 升迁到阿里云RDS(MySQL)上面.为便于测试,所以需要把原来系统的所有数据表以及测试数据转换到 MySQL 上面.在百度上找了很多方法,有通过微 ...

  3. 项目规范性检测工具Lint

    项目规范性检测工具lint.bat 一.Lint基本概念介绍 Android Lint是SDK Tools 16 (ADT 16)之后才引入的工具,通过它对Android工程源代码进行扫描和检查,可发 ...

  4. js的bind方法

    转载:http://www.jb51.net/article/94451.htm http://www.cnblogs.com/TiestoRay/p/3360378.html https://seg ...

  5. 第七章 java基础类库

    1. 日期时间: 用Calendar类. 2. 分隔符:空格.tab.回车. 3. Scanner:读取键盘输入.读取文件. 4. 系统类: System  Runtime. 5. 所有的java类都 ...

  6. 将Extjs文件拷入eclipse工程下卡死问题

    主要是由于eclipse默认对js文件进行校验,ExtJS中js文件多且庞大造成电脑资源耗尽. 解决方法: 找到工作空间中项目文件夹下的.project文件,将 <buildCommand> ...

  7. ansible解密

    ansible是个什么东西呢?官方的title是“Ansible is Simple IT Automation”——简单的自动化IT工具.这个工具的目标有这么几项:让我们自动化部署APP:自动化管理 ...

  8. JAVA程序员一定知道的优秀第三方库（2016版）

    几乎每个程序员都知道要“避免重复发明轮子”的道理——尽可能使用那些优秀的第三方框架或库,但当真正进入开发时,我却经常发现他们有时并不知道那些轮子在哪里.最近,我在业余时间带几个年轻的程序员一起做了一个 ...

  9. SELinux关闭和开启

    检测Selinux状态 ./usr/sbin/sestatus -v ##如果SELinux status参数为enabled即为开启状态 SELinux status: enabled .geten ...

  10. maven2-snapshot快照库和release发布库的应用

    在项目中应用snapshot和release库,应用snapshot和release库达到不同环境下发布不同的版本的目的,首先看一个pom文件的定义: <project> <mode ...