zoukankan      html  css  js  c++  java
  • 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">供应商管理&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>
  • 相关阅读:
    浅谈.NET和JAVA的跨平台
    ADO.NET获取TIPTOP存储过程的返回值
    Hide DataGrid Columns via HeaderText
    笑话一则:开车的最高境界
    [推薦]面试时最常问的15问题
    美国小学生守则 VS 中国小学生守则
    Embedded UserControls: Revisited
    SOA认识存误区 详解SOA企业部署的六大关键要素
    Java、.NET,为什么不合二为一?
    [轉]informix语句祥解
  • 原文地址:https://www.cnblogs.com/sincoolvip/p/5914136.html
Copyright © 2011-2022 走看看