JS–比想象中简单

JS–比想象中简单JS–比想象中简单

大家好,又见面了,我是你们的朋友全栈君。

    刚看完JavaScript视频的时候,感觉一点印象都没有,而且大部分效果自己都做不出来。现在看了一点SSH的视频,发现JS其实跟我们其他语言编写的代码很相似,先从最简单的开始,不断地积累就学会了。

    比如说登录界面验证表单是否为空

首先在表单中添加onsubmit方法

<span style="font-family:KaiTi_GB2312;font-size:18px;"><form id="registerForm" οnsubmit=" checkForm();">
</form></span>

对应的在JS中编写相应的checkForm()方法

<span style="font-family:KaiTi_GB2312;font-size:18px;"><script>        //校验表单内容是否为空
	function checkForm(){
		//校验用户名
		//获得用户名文本框的值
		var username=document.getElementById("username").value;
		if(username == null || username == ''){
			alert("用户名不能为空!");
			return false;
		}
		
		//校验密码
		//获得密码框的值
		var password = document.getElementById("password").value;
		if(password == null || password ==''){
			alert("密码不能为空!");
			return false;
		}
	}	
</script></span>


     从上面一段代码可以看出,跟我们平时写的VB,C#多么相似,只是在获得文本框的值的时候是通过DOM方法来取的,document.getElementById(“username”).value,当时就是因为好多类似于document.getElementById()这样的东西,把自己整蒙了,所以现在还是要一点一点还回来的。

    上面是简单的表单是否为空的验证,下面就是验证邮箱格式是否正确的方法,其实也很简单,运用正则表达式就可以了

<span style="font-family:KaiTi_GB2312;font-size:18px;">		//校验邮箱
		var email = document.getElementById("email").value;
		var filter  = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
		if(filter.test(email)){
			return true;
		}else{
			alert("邮箱格式不正确!");
			return false;
		}</span>


      这样的JavaScript代码还是很简单的吧,先从简单的开始,这样就能相信自己能学会。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/105730.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • 43、java.beans.PropertyDescriptor类

    43、java.beans.PropertyDescriptor类一、软件包java.beans    包含与开发beans有关的类,即基于JavaBeansTM架构的组件 二、PropertyDescriptor   PropertyDescriptor描述JavaBean通过一对存储器方法导出的一个属性 publicclassPropertyDescriptorextendsFeature…

  • 权限管理「建议收藏」

    相关名词解释在说权限之前先来了解一下项目和应用之间的关系:在了解了项目和应用二者之间的关系之后我们再来看一下什么是权限管理:权限管理先来看一下官方解释:自己理解:RBAC权限模型功能权限

  • API之FindWindowEx和SendMessage

    API之FindWindowEx和SendMessage最近在VC6.0开发中碰到了两个函数,经过一番搜索查阅,特记录于此。

  • dota2比分网_浅谈极电竞比分网,脱兔电竞,1zplay和奇兵电竞有什么不同

    在电子竞技飞速发展的背景下,电竞直播行业成为连接电竞比赛和电竞观众们的重要桥梁。以往电竞直播还不像现在发达,观众们常常需要到现场观看比赛,才能感受到热烈的电竞氛围。现在有了电竞线上直播,观众们通过弹幕互动,在家也一样可以跟网友们一起讨论比赛。随着观众们观看比赛的要求越来越高,他们往往不仅满足于观看选手们的精彩操作,更多是希望通过更详细的电竞数据来读懂比赛,由此,电竞比分网成为了电竞爱好者们的新选择…

  • navicat 8.0 mysql 名、组织、注册码

    navicat 8.0 mysql 名、组织、注册码姓名(Name):www.9yifa.com组织(Organization):www.9yifa.com注册码(Serial):NAVJ-W56S-3YUU-MVHV

    2022年10月13日
  • CSS3梅花三弄特效

    效果预览:http://hovertree.com/texiao/js/22/效果图:代码如下:转自:http://hovertree.com/h/bjaf/meihua.htm推荐:http:/

    2021年12月22日

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号