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代码还是很简单的吧,先从简单的开始,这样就能相信自己能学会。

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

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

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • DIN 轴承标准目录[通俗易懂]

    DIN 轴承标准目录[通俗易懂]DIN118-1-1977传动元件.一般机械工程用托架滑动轴承.主要尺寸DrivingElements;PedestalPlainBearingsforGeneralMechanicalEngineeringApplications;MainDimensionsDIN1495-1-1983小功率电动机和功率小于37瓦的电动机用有满足特…

    2022年9月6日
    5
  • pycharmhtml插件_pycharm使用技巧

    pycharmhtml插件_pycharm使用技巧“阅读本文大概需要3分钟。”写Python,很多朋友都用的PyCharm,包括我在内。但其实大部分情况下我们用到的功能可能仅仅占PyCharm功能的一小半都不到。本文推荐…

    2022年8月28日
    1
  • 超详细MySQL安装及基本使用教程[通俗易懂]

    超详细MySQL安装及基本使用教程[通俗易懂]一、下载MySQL首先,去数据库的官网http://www.mysql.com下载MySQL。点击进入后的首页如下: 然后点击downloads,community,选择MySQLCommunityServer。如下图: 滑到下面,找到RecommendedDownload,然后点击gotodownloadpage。如下图: 点击download进入下载页面选择No…

    2022年4月27日
    48
  • Java POI 导出Excel经典实现 导出Excel弹出下载框 Spring Boot【不定期更新】

    Java POI 导出Excel经典实现 导出Excel弹出下载框 Spring Boot【不定期更新】在web开发中,有一个经典的功能,就是数据的导入导出。特别是数据的导出,在生产管理或者财务系统中用的非常普遍,因为这些系统经常要做一些报表打印的工作。而数据导出的格式一般是EXCEL或者PDF,我这里就用两篇文章分别给大家介绍下。(注意,我们这里说的数据导出可不是数据库中的数据导出!么误会啦^_^)呵呵,首先我们来导出EXCEL格式的文件吧。现在主流的操作Ex…

    2022年5月29日
    36
  • linux搭建php运行环境_docker部署php项目

    linux搭建php运行环境_docker部署php项目方案一、phpStudyforLinuxphpStudyforLinux支持Apache/Nginx/Tengine/Lighttpd,支持php5.2/5.3/5.4/5.5切换已经在centos-6.5,debian-7.4.,ubuntu-13.10测试成功使用说明:服务进程管理:phpstudy(start|stop|restart|uninstall)

    2022年9月16日
    0
  • NTP校时服务器(NTP校时器)资料详解

    NTP校时服务器(NTP校时器)资料详解NTP校时服务器(NTP校时器)资料详解NTP校时服务器(NTP校时器)资料详解NTP网络时间同步摘要:首先对时间同步进行了背景介绍,然后讨论了不同的时间同步网络技术,最后指出了建立全球或区域时间同步网存在的问题。  一、概述  在通信领域,“同步”概念是指频率的同步,即网络各个节点的时钟频率和相位同步,其误差应符合标准的规定。目前,在通信网中,频率和相位同步问题已经基本解决,而时间…

    2022年6月28日
    26

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

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