18
2013
03

Jquery循环检验多个文本框,并禁止提交

这是CSDN上一位大神写的。

以下是代码,测试通过……

<!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>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.2.min.js"></script>

<script type="text/javascript">

   $(document).ready(function () {

       $("#demo").submit(function () {

           var FLAG = true; //验证是否通过的标志

           $(":text").each(function () { //type为text的,可写为$("input.inptext").each(function ()即class为inptext的文本框

               if ($(this).val().length < 1) {

                   FLAG = false;

                   return false;  //Jquery中跳出循环

               }

           });

           if (!FLAG) alert('文本框必须填写');

           return FLAG; //停止提交事件继续执行

       });

   });

</script>

</head>

<body>

<form id="demo">

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

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

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

 <input type="submit" value="submit" />

</form>

</body>

</html>


« 上一篇下一篇 »

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。