jquery 表单事件

时间:2022-04-23
本文章向大家介绍jquery 表单事件,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

.blur()   

当元素失去焦点的时候触发事件。
 	  .blur(handler(eventObject))
 		    handler(eventObject)
 			      每当事件触发时候执行的函数。
 	  .blur([eventData],handler(eventObject))
 		    eventData
 			      一个对象,它包含的数据键值对映射将被传递给事件处理程序。
 		    handler(eventObject)
 			      每当事件触发时执行的函数。

效果:     

$("input").blur(function(){
  			      $("input").css("background-color","#D6D6FF");
		    }); 当输入域失去焦点 (blur) 时改变其颜色:

.change()


	  当元素的值发生变化时,会触发此事件,该事件仅用于text field textarea 和 select
	  .change(handler)
		    handler
			      每当事件触发时执行的函数。
	  .change([eventData,handler])
		    eventData
			      一个对象,它包含的数据键值对映射将被传递给事件处理程序。
		    handler
			      每当事件触发时执行的一个函数。
		  .change()
			    这个方法不接受任何

用法:


		     $("textarea").change(function(){
                		      $(this).css("color","red");
            		    });

.focus()


	  当元素获得焦点的时候触发的事件。
	  .focus(handler(eventObject))
 		    handler(eventObject)
 			      每当事件触发时候执行的函数。
 	  .focus([eventData],handler(eventObject))
 		    eventData
 			      一个对象,它包含的数据键值对映射将被传递给事件处理程序。
 		    handler(eventObject)
 			      每当事件触发时执行的函数。
 	  

用法:     

$("input").focus(function(){
  			        $("input").css("background-color","#FFFFCC");
		    });

.select()


	  当触发select 事件时执行函数。
	  .select(handler(eventObject))
 		    handler(eventObject
 			      每当事件触发时候执行的函数。
 	  .select([eventData],handler(eventObject))
 		    eventData
 			      一个对象,它包含的数据键值对映射将被传递给事件处理程序。
 		    handler(eventObject)
 			      每当事件触发时执行的函数。
 	  

效果:


 		    $("input").select(function(){
  			        $("input").after(" Text marked!");
		    });

.submit()


	  当提交表单时会触发此函数。
	  .submit(handler(eventObject))
 		      handler(eventObject
 			        每当事件触发时候执行的函数。
 	  .submit([eventData],handler(eventObject))
 		      eventData
 			        一个对象,它包含的数据键值对映射将被传递给事件处理程序。
 		      handler(eventObject)
 			        每当事件触发时执行的函数。
 	  

效果:     

$("form").submit(function(e){
  			      alert("Submitted");
		    });