欢迎进入西安甲骨文培训机构 乘车路线| 关于我们| 设为首页| 加入收藏
logo 服务热线
1 2 3 3

新闻动态

联系我们

咨询报名电话:
029-85568080,029-85427081
传真:029-85568080
地址:陕西省西安市长安南路355号华银大厦(西北政法大学老校区对面西安银行南侧)

优秀学员

技术中心 当前位置:首页 > 新闻动态 > 技术中心

西安web前端培训怎么样?jquery表单验证该如何写

点击: 时间:2018-8-24

       jquery表单也是比较常用的功能,是做程序员了解的最基础的技术知识点,所以做程序员无论是前端还是后端jquery表单验证表单验证都是必会的技能,那么jquery表单验证该如何写,有几种写作方式,下面西安web前端培训学校给大家具体讲述。

               西安web前端培训怎么样?jquery表单验证该如何写

      jquery表单验证
      一、当元素失去焦点时发生blur 事件。
实例:jQuery blur() 方法
添加函数到 blur 事件。当 <input> 字段失去焦点时发生 blur 事件:
$("input").blur(function(){
alert("This input field has lost its focus.");
});
      定义和用法
当元素失去焦点时发生 blur 事件。
blur() 方法触发 blur 事件,或规定当发生 blur 事件时运行的函数。
提示:该方法常与 focus() 方法一起使用。
语法
为被选元素触发 blur 事件:
$(selector).blur()
添加函数到 blur 事件:
$(selector).blur(function)
       二、当输入框获取焦点的时候,触发的事件。
实例:jQuery focus() 方法
添加函数到 focus 事件。当 <input> 字段获得焦点时发生 focus 事件。
$("input").focus(function(){
$("span").css("display","inline").fadeOut(2000);
});
      定义和用法
当元素获得焦点时(当通过鼠标点击选中元素或通过 tab 键定位到元素时),发生 focus 事件。
focus() 方法触发 focus 事件,或规定当发生 focus 事件时运行的函数。
提示:该方法通常与 blur() 方法一起使用。
语法
触发被选元素的 focus 事件:
$(selector).focus()
添加函数到 focus 事件:
$(selector).focus(function)
      三、当键盘键被松开时发生keyup 事件
实例:jQuery keyup() 方法
当键盘键被松开时,设置
字段的背景颜色:
$("input").keyup(function(){
$("input").css("background-color","pink");
});
       定义和用法
与 keyup 事件相关的事件顺序:
keydown - 键按下的过程
keypress - 键被按下
keyup - 键被松开
当键盘键被松开时发生 keyup 事件。
keyup() 方法触发 keyup 事件,或规定当发生 keyup 事件时运行的函数。
提示:请使用 event.which 属性来返回哪个键被按下。
语法
触发被选元素的 keyup 事件:
$(selector).keyup()
添加函数到 keyup 事件:
$(selector).keyup(function)
      四、当表单提交的时候触发的事件
实例:jQuery submit() 方法
当提交表单时,显示警告框:
$("form").submit(function(){
alert("Submitted");
});
     定义和用法
当提交表单时,会发生 submit 事件。
该事件只适用于
元素。
submit() 方法触发 submit 事件,或规定当发生 submit 事件时运行的函数。
语法
触发被选元素的 submit 事件:
$(selector).submit()
添加函数到 submit 事件:
$(selector).submit(function)
     这是西安web前端培训学校给大家讲述的几种jquery表单验证写作技巧,是每个程序员在工作中的一种神器,希望对大家的工作有所帮助,更多专业知识,欢迎咨询:029-85568080.