很简单的Jquery问题

ruolins 2010-10-29 10:51:55 


	$("#ImageButton1").click(function(){	

				var content=$("#txtContent").val();

		

				if(content=="")

		{

		    alert("OK2");   //有提示，但是下面的煤油执行



                 $("#errorMessages").addClass("warning");

			$("#errorMessages").html("内容不能为空！");

		}//这个是错误的输入的时候提示

 <div id="errorMessages"></div>

我调试下，Ok2能显示，但是下面的不显示，“对象不支持此属性或方法”是什么原因呢。我是初用Jquery，
看了好久没找到原因。
...全文
307 25 打赏 收藏 转发到动态 举报
写回复
用AI写文章
25 条回复
切换为时间正序
请发表友善的回复…
发表回复
chen_ya_ping 2010-10-29
  • 打赏
  • 举报
 回复 


    <div>

    <input type="text" id="testtxt" />

    <input type="button" id="testbtn"  value="test"/>

    <div id="errorMessage">

    </div>





 <script src="JS/jquery-1.4.2.js" type="text/javascript"></script>

    <script type="text/javascript">

        $(document).ready(function() {

            $("#testbtn").click(function() {

            var content = $("#testtxt").val();

                if (content == "") {

                    alert("OK");

                    $("#errorMessage").addClass("warnning");

                    $("#errorMessage").html("内容不能为空!");

                }

            });

        });

    </script>
ruolins 2010-10-29
  • 打赏
  • 举报
 回复
我刚刚把ImageButton改成html控件，去掉了updatePanal但是现在不显示了。
在这之前按照"porschev“兄弟说的，在updatePanal里面，但是也只是显示下就消失了，

很是疑惑。
ruolins 2010-10-29
  • 打赏
  • 举报
 回复
[Quote=引用 20 楼 m4a1007 的回复:]
imageButton1是服务器控件，页面被执行后，id会变掉，所以应该注意一下
[/Quote]
imageButton1不会变吧，在客户端的页面中id还是ImageButton啊。
M4A1007 2010-10-29
  • 打赏
  • 举报
 回复
imageButton1是服务器控件，页面被执行后，id会变掉，所以应该注意一下
csdnflys 2010-10-29
  • 打赏
  • 举报
 回复
[Quote=引用 2 楼 porschev 的回复:]
$("#errorMessages").Text("内容不能为空！");

你那个是写的class样式
[/Quote]
支持！！
ruolins 2010-10-29
  • 打赏
  • 举报
 回复
是不是<form id="form1" runat="server">的原因呢
ruolins 2010-10-29
  • 打赏
  • 举报
 回复
[Quote=引用 15 楼 porschev 的回复:]
还有那个地方不用KeyUp。。。

用keydown。。。刚没有帮你改。。你自己改一下。。。
[/Quote]
OK，
porschev 2010-10-29
  • 打赏
  • 举报
 回复
还有那个地方不用KeyUp。。。

用keydown。。。刚没有帮你改。。你自己改一下。。。
ruolins 2010-10-29
  • 打赏
  • 举报
 回复
哦，呵呵，谢谢了，我等下就把imageButton换成html控件，受教了。
porschev 2010-10-29
  • 打赏
  • 举报
 回复
错误1：
$("#txtContent").val(""); //这里写的有问题,改过了
错误2：
$("#errorMessages").text("内容不能为空！");

小地方1：
imageButton是服务器控件。。。那里要加一个updatepanel。。要不然就算你有错误提示也看不见的

建议：把这个imageButton换成html控件。。。用JQUERY AJAX
wwfgu00ing 2010-10-29
  • 打赏
  • 举报
 回复
不可能的啊
porschev 2010-10-29
  • 打赏
  • 举报
 回复 


<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default5.aspx.cs" Inherits="Default5" %>



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">



<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

    <title></title>



    <script src="jquery-1.3.2-vsdoc.js" type="text/javascript"></script>

     <style type="text/css">

        .warning{

        border:1px solid red;

        }

    </style>

<script type="text/javascript">

    $(document).ready(function() {



        $("#ClearContent").click(function() {  //重置

             $("#txtContent").val("");  //这里写的有问题,改过了

        });



        $("#ImageButton1").click(function() {    //提交时候验证

            var content = $("#txtContent").val();



            if (content == "") {

                $("#errorMessages").addClass("warning");

                $("#errorMessages").text("内容不能为空！");

            }

        });

        

        $("#txtContent").keyup(function() {



            var content = $("#txtContent").val();



            if (content == "") {

                $(this).addClass("warning");

            } else {

                $(this).removeClass("warning");

            }



        });

    });



</script>





    

</head>

<body>

    <form id="form1" runat="server">

    <asp:ScriptManager ID="ScriptManager1" runat="server">

    </asp:ScriptManager>

    <div class="fksy-wd-wltw">

  <div class="fksy-rxjp-title">我来回答</div>

 <div class="wltw-cont">



 <div class="wltw-cont-txt left">

     内容：</div>

 <div class="wltw-cont-bos left">

 <div class="fksy-h1">

     <asp:TextBox ID="txtContent" runat="server" Height="95px" TextMode="MultiLine" Width="399px"></asp:TextBox>

 </div>

 <div class="fksy-h2">

 <div style="width: 98px">   

     <asp:UpdatePanel ID="UpdatePanel1" runat="server">

     <ContentTemplate>

     

 <asp:ImageButton  ID="ImageButton1" 

         runat="server" ImageUrl="images/fksy-wd1_06.jpg" onclick="ImageButton1_Click" />

     </ContentTemplate>

     </asp:UpdatePanel>

 

 </div>

 <div><input type="image" id="ClearContent"  src="images/fksy-wd_06-02.jpg" /></div>



 </div>

 </div>



 </div>

 <div id="errorMessages"></div>

 </div>



    </form>

</body>

</html>
ruolins 2010-10-29
  • 打赏
  • 举报
 回复
不好意思。呵呵，忘了
<style type="text/css">
<!--
.warning{
border:1px solid red;
}
-->
</style>
porschev 2010-10-29
  • 打赏
  • 举报
 回复
那个样式呢？
ruolins 2010-10-29
  • 打赏
  • 举报
 回复
[Quote=引用 6 楼 porschev 的回复:]
引用 5 楼 jianzhang5555 的回复:
引用 2 楼 porschev 的回复:
$("#errorMessages").Text("内容不能为空！");

你那个是写的class样式

我改成
if(content=="")
{
// alert("OK2");
$("#errorMessages").addClass("warning");
$("#error……
[/Quote]
谢谢。
ruolins 2010-10-29
  • 打赏
  • 举报
 回复 


<script type="text/javascript">

 $(document).ready(function(){ 

 

     $("ClearContent").click(function(){  //重置

          $("ClearContent").val="";

     }); 

	

	$("#ImageButton1").click(function(){	//提交时候验证

		var content=$("#txtContent").val();		

		

		if(content=="")

		{

		  //  alert("OK2");		

			$("#errorMessages").addClass("warning");

			$("#errorMessages").Text("内容不能为空！");

		} 

	}); 

	$("#txtContent").keyup(function(){

		

		var content=$("#txtContent").val();

		

		if(content=="")

		{			

			$(this).addClass("warning");

		}else

		{			

			$(this).removeClass("warning");

		}

 

	});

});



</script>


下面是HTML


 <div class="fksy-wd-wltw">

  <div class="fksy-rxjp-title">我来回答</div>

 <div class="wltw-cont">



 <div class="wltw-cont-txt left">

     内容：</div>

 <div class="wltw-cont-bos left">

 <div class="fksy-h1">

     <asp:TextBox ID="txtContent" runat="server" Height="95px" TextMode="MultiLine" Width="399px"></asp:TextBox>

 </div>

 <div class="fksy-h2">

 <div style="width: 98px">   <asp:ImageButton  ID="ImageButton1" runat="server" ImageUrl="images/fksy-wd1_06.jpg"

         OnClick="ImageButton1_Click" />

 </div>

 <div><input type="image" id="ClearContent"  src="images/fksy-wd_06-02.jpg" /></div>



 </div>

 </div>



 </div>

 <div id="errorMessages"></div>

 </div>
porschev 2010-10-29
  • 打赏
  • 举报
 回复
[Quote=引用 5 楼 jianzhang5555 的回复:]
引用 2 楼 porschev 的回复:
$("#errorMessages").Text("内容不能为空！");

你那个是写的class样式

我改成
if(content=="")
{
// alert("OK2");
$("#errorMessages").addClass("warning");
$("#errorMessages").Text("内容不能为空！");……
[/Quote]

那页面全部帖出来一下。。我帮你改一下。。。
ruolins 2010-10-29
  • 打赏
  • 举报
 回复
[Quote=引用 2 楼 porschev 的回复:]
$("#errorMessages").Text("内容不能为空！");

你那个是写的class样式
[/Quote]
我改成
if(content=="")
{
// alert("OK2");
$("#errorMessages").addClass("warning");
$("#errorMessages").Text("内容不能为空！");
}
还是没有用。
likf521 2010-10-29
  • 打赏
  • 举报
 回复
帮顶···1楼回答的不错··
porschev 2010-10-29
  • 打赏
  • 举报
 回复
你重量这一块。。

$("#ClearContent").click(function(){ //重置
$("#ClearContent").val="";
});
加载更多回复（5）
JQuery简单运算精度损失问题
/** 加法运算，避免数据相加小数点后产生多位数和计算精度损失。 @param num1加数1 | num2加数2 */ function numAdd(num1, num2) { var baseNum, baseNum1, baseNum2; try { baseNum1 = num1.toString().split(".")[1].length; } catch (e) { baseNum1 = 0; } try { baseNum2 = num2.toString().split(".")[1
解决jquery之get缓存问题的最简单方法
解决jquery之get缓存问题的最简单方法
解决jquery冲突问题的简单方法
在使用jquery的框架的同时我们可能会使用其他的框架，其他的框架的里面也有可能包含符号此时就会发生jquery的冲突问题解决方法有2个：1：释放符号 此时就会发生jquery的冲突问题 解决方法有2个： 1：释放符号此时就会发生jquery的冲突问题解决方法有2个：1：释放的使用权用jQuery.noConflict(); 注意点：释放操作必须写在编写其他的jquery代码之前编写 释放之后不能...
jquery杂记，开发中遇到的问题，简单总结下
1.给搜索的结果上色 /*给匹配字上色，字体，加粗*/ var highLightColor = "red";//搜索高亮显示的颜色 var fontSize = 2;//关键字字体大小 var fontWeight = "bold"; //关键字是否加粗：norm不加粗。。。可选值：norm，bold,也可以是数字 function setFontStyle(source,matche
简单5步完美解决Ecshop与jQuery冲突的问题
以下方法经博主测试，确实可行。 ECShop与jQuery冲突的问题由来已久，解决方法大多繁琐，且在一些小地方会出错，如产品比较功能等，本文中的方法结合了网上最新公开文章与本站实际开发过程中的经验，基本上可完美解决ECShop与jQuery的冲突，经测试，兼容ECShop原有所有的功能，包括产品比较功能，而且修改步骤简单明了： 1、修改文件：/js/transport.js 在文
.NET社区

62,271

社区成员

668,979

社区内容

发帖
与我相关
我的任务
社区描述
.NET技术交流专区
javascript云原生 企业社区
社区管理员
  • ASP.NET
  • .Net开发者社区
  • R小R
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告

.NET 社区是一个围绕开源 .NET 的开放、热情、创新、包容的技术社区。社区致力于为广大 .NET 爱好者提供一个良好的知识共享、协同互助的 .NET 技术交流环境。我们尊重不同意见，支持健康理性的辩论和互动，反对歧视和攻击。

希望和大家一起共同营造一个活跃、友好的社区氛围。

试试用AI创作助手写篇文章吧

+ 用AI写文章