js 写一个仿RequiredFieldValidator的功能

XUXU_dragon 2009-07-17 04:21:22

想用js 写一个仿RequiredFieldValidator（非空验证）的功能，当用户在页面中没有输入就点击button时，在页面中出现提示，并且不激发button里的事件。

现在问题来了，如果我在前台button的onClick里件里写验证的话，它首先会执行js，后台的事件不执行，要再点一次才激发后台的onClick事件。

我希望用户通过了验证才执行后台的程序，没有通过验证就不执行后台程序。这该怎么实现？

小弟对js 只是有点了解，希望各位大虾帮帮忙！

...全文

103 7 打赏收藏转发到动态举报

写回复

用AI写文章

7 条回复

切换为时间正序

请发表友善的回复…

发表回复

XUXU_dragon 2009-07-18

打赏
举报

OK！自己终于解决了！



function check()

    {

          if(document.getElementById('<%=TextBoxname.ClientID%>').value=="")

          {

            alert('不能输入为空的内容！');

           event.returnValue=false

           }

     }

结帐了！

XUXU_dragon 2009-07-18

打赏
举报

用1楼的方法成功了一半，现先在它是先执行了onclientclick,再执行了OnClick代码，我希望如果用户输入的为空，那么OnClick事件也不触发，怎了么写？



 function check()

    {

          if(document.getElementById('<%=TextBoxname.ClientID%>').value=="")

          {

            alert('不能输入为空的内容！');

            ///后台的ImageButton1_Click事件不激发，怎么写?

           }

         

    }





<asp:ImageButton ID="ImageButton1" runat="server" ImageUrl="~/AdminLogin/images/user_botton.gif" OnClientClick="check()" OnClick="ImageButton1_Click" />

XUXU_dragon 2009-07-18

打赏
举报

OnClientClick="return(函数名（）)" 是在服务器端运行的还是在客户端运行的？

chen_ya_ping 2009-07-18

打赏
举报

在Button中的OnClientClick中写你的js代码，因为是写执行OnClientClick代码，再执行OnClick代码的（后台.CS中的代码）。OnClientClick="return(函数名（）)"

owenxin26 2009-07-18

打赏
举报

把button由type=submit换成type=button,只需要onclick事件，js里面判断条件根据需要执行form1.submit()就可以了。

PS:如果是随便练习写写js程序到无所谓，不过确实没必要重写一个validator，微软那个就很好用。

xuyiazl 2009-07-18

打赏
举报

CustomValidator

RegularExpressionValidator

andrewsway 2009-07-18

打赏
举报



<html>

	<head>

		<title> new document </title>

		<script language="javascript">

		<!--

		function func() {

			var obj = document.getElementById('text1');

			if(obj.value.length == 0) {

				document.getElementById('label1').style.display = 'block';

				return false;

			}

		}

		//-->

		</script>

	</head>



	<body>

		<form method="post" action="http://www.baidu.com">			

			<input type="text" id="text1" name="text1" ><span id="label1" style="display:none; color:#ff0000;">Required Field</span>

			<br>

			<input type="submit" value="submit" onclick="return func();">

		</form>

	</body>

</html>

上面是用静态写的模拟，你用的时候先看下，有几个地方需要改成服务器的

1、控件换成服务器控件。
2、服务器的button的onclick事件是指的cs文件中的事件，你该怎么写就怎么写，也就是onclick="button1_Click"这样，具体看你控件命名了。
3、服务器控件调用客户端js要用onclientclick，也就是说，需要把上面客户端提交按钮的触发验证事件的属性换成onclientclick="return func();"