jQ控制前端输入用户为空是的提醒

1.在jQ中$(function(){})函数的意思是 $(document).ready(function(){}) 的简写,用来在DOM加载完成之后执行一系列预先定义好的函数

placeholder属性提供可描述输入字段预期值的提示信息(hint),该提示会在输入字段为空时显示,并会在字段获得焦点时消失

 

<input type="password" name="password" placeholder="密码">

 jq文件

<script src="//cdn.bootcss.com/jquery/1.8.3/jquery.min.js"></script>
	 <script text="text/javascript">
	   $(function(){ //$(function(){}) 是 $(document).ready(function(){}) 的简写,用来在DOM加载完成之后执行一系列预先定义好的函数
		  $("form").submit(function(){ //form表单中的submit触发function函数
			   var flag = true;
			   $("input").each(function(){ //每一个input都可以触发(遍历了每一个input)
				   var val=$(this).val();//val() 获得第一个匹配元素的当前值给val变量
					   if(val==""){
						 flag = false;
						 alert($(this).attr("placeholder")+"不能为空"); // attr("placeholder")触发上面的placeholder
					      return false;
					   }
			   });
			   return flag;
		  });
	   });
	 </script>

 

posted @ 2016-01-11 22:21  sunli0205  阅读(504)  评论(0编辑  收藏  举报