JSP相关学习——JavaScript事件处理

JavaScript事件处理

一、什么是事件处理程序

JavaScript可以以事件驱动的方式直接对客户端的输入作出响应,无须经过服务器端程序;也就是说,JavaScript是事件驱动的。

二、事件类型

在这里插入图片描述

三、事件处理程序的调用

方式一:将事件处理程序视为标记事件属性的属性值,直接嵌入到HTML标记内。
例如:
<img src="images/download.GIF" onClick="alert('您单击了图片');">
方式二:将事件处理程序视为对象属性的属性值。
例如:
<script>
      document.onload=alert(“使用对象属性来调用事件处理程序”)
</script>
两个简单的事件处理程序

在这里插入图片描述
在这里插入图片描述

JavaScript与文本框的互操作

在这里插入图片描述

验证登录信息是否为空

在这里插入图片描述

四、使用正则表达式

在JavaScript之中也可以使用正则表达式对输入的数据进行正则验证,格式如下所示:
  /正则表达式/.test(验证的内容)
正则表达式是一种文本模式,包括普通字符(例如,a 到 z 之间的字母)和特殊字符(称为“元字符”)。模式描述在搜索文本时要匹配的一个或多个字符串。
Email输入的提交验证

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值