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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • mysql 字符转数字进行比较大小_mysql将字符串字段转为数字排序或比大小

    mysql 字符转数字进行比较大小_mysql将字符串字段转为数字排序或比大小mysql里面有个坑就是,有时按照某个字段的大小排序(或是比大小)发现排序有点错乱。后来才发现,是我们想当然地把对字符串字段当成数字并按照其大小排序(或是比大小),结果肯定不会是你想要的结果。这时候需要把字符串转成数字再排序。最简单的办法就是在字段后面加上+0如把’123’转成数字123(以下例子全为亲测):排序:例:方法一:ORDERBY’123’+0;(首推)方法二:ORDERBYCA…

    2022年5月29日
    52
  • 如何锁定表头和表行同时锁定_jquery表头固定列

    如何锁定表头和表行同时锁定_jquery表头固定列前段时间需要这个功能,但是找了很多都不能完美的实现,不是只能锁定表头,就是浏览器兼容问题什么的,在此就自己做了一个锁定表头和列的js方法,依赖于JQuery。如使用jQuery1.9.x及以上版本,需

    2022年8月5日
    14
  • encoder和decoder的区别_python encode函数

    encoder和decoder的区别_python encode函数python内部的字符串一般都是Unicode编码。代码中字符串的默认编码与代码文件本身的编码是一致的。所以要做一些编码转换通常是要以Unicode作为中间编码进行转换的,即先将其他编码的字符串解码(decode)成Unicode,再从Unicode编码(encode)成另一种编码。decode:的作用是将其他编码的字符串转换成Unicode编码,name.decode(“GB23…

    2022年9月27日
    1
  • pycharm详细使用教程_pycharm使用方法

    pycharm详细使用教程_pycharm使用方法Pycharm新手使用教程(详解)【注】:如果想要下载Pycharm工具,直接去《开发工具》中进行下载。简介Jetbrains家族和Pycharm版本划分:pycharm是Jetbrains家族中的一个明星产品,Jetbrains开发了许多好用的编辑器,包括Java编辑器(IntelliJIDEA)、JavaScript编辑器(WebStorm)、PHP编辑器(PHPSto…

    2022年8月26日
    6
  • c语言入门教程–-2基本语法

    c语言入门教程–-2基本语法

    2021年3月12日
    252
  • ClassIn 退出专注学习模式 关闭专注学习模式「建议收藏」

    ClassIn 退出专注学习模式 关闭专注学习模式「建议收藏」ClassIn是一个常用的在线上课软件,从3.0.2.130开始推出了“专注学习模式”,窗口会全屏且不能切换窗口。可有时我们有其他需要,要退出专注学习模式,这时就要使用其它的方法了。这里提供一个我自己做的小程序。

    2022年5月24日
    105

发表回复

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

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