JavaScript入门写一个表单校验功能
点击上方“程序员大咖”，选择“置顶公众号”
关键时刻，第一时间送达！
先不说楚枫的这般年纪，能够踏入元武一重说明了什么，最主要的是，楚枫在刚刚踏入核心地带时，明明只是灵武七重，而在这两个月不到的时间，连跳两重修为，又跳过一个大境界，踏入了元武一重，这般进步速度，简直堪称变态啊。
“这楚枫不简单，原来是一位天才，若是让他继续成长下去，绝对能成为一号人物，不过可惜，他太狂妄了，竟与龚师兄定下生死约战，一年时间，他再厉害也无法战胜龚师兄。”有人认识到楚枫的潜力后，为楚枫感到惋惜。
“哼，何须一年，此子今日就必败，巫九与龚师兄关系甚好，早就看他不顺眼了，如今他竟敢登上生死台挑战巫九，巫九岂会放过他？”但也有人认为，楚枫今日就已是在劫难逃。
“何人挑战老子？”就在这时，又是一声爆喝响起，而后一道身影自人群之中掠出，最后稳稳的落在了比斗台上。
这位身材瘦弱，身高平平，长得那叫一个猥琐，金钩鼻子蛤蟆眼，嘴巴一张牙带色儿，说话臭气能传三十米，他若是当面对谁哈口气，都能让那人跪在地上狂呕不止。
不过别看这位长得不咋地，他在核心地带可是鼎鼎有名，剑道盟创建者，青龙榜第九名，正是巫九是也。
“你就是巫九？”楚枫眼前一亮，第一次发现，世间还有长得如此奇葩的人。
巫九鼻孔一张，大嘴一咧，拍着那干瘪的肚子，得意洋洋的道：“老子就是巫九，你挑战老子？”
“不是挑战你，是要宰了你。”楚枫冷声笑道。
“好，老子满足你这个心愿，长老，拿张生死状来，老子今日在这里了解了这小子。”巫九扯开嗓子，对着下方吼了一声。
如果他对内门长老这么说话，也就算了，但是敢这么跟核心长老说话的，他可真是算作胆肥的，就连许多核心弟子，都是倒吸了一口凉气，心想这楚枫够狂，想不到这巫九更狂。
不过最让人无言的就是，巫九话音落下不久，真有一位核心长老自人群走出，缓缓得来到了比斗台上，左手端着笔墨，右手拿着生死状，来到了巫九的身前。
“我去，这巫九什么身份，竟能这般使唤核心长老？”有人吃惊不已，那长老修为不低，乃是元武七重，比巫九还要高两个层次，但却这般听巫九的话，着实让人吃惊不已。
“这你就不知道了吧，巫九在前些时日，拜了钟离长老为师尊，已正式得到钟离长老的亲传。”有人解释道。
“钟离长老？可是那位性情古怪的钟离一护？”
“没错，就是他。”
“天哪，巫九竟然拜入了他的门下？”
人们再次大吃一惊，那钟离一护在青龙宗可是赫赫有名，若要是论其个人实力，在青龙宗内绝对能够排入前三，连护宗六老单打独斗都不会是他的对手。
只不过那钟离一护，如同诸葛青云一样，也是一位客卿长老，所以在青龙宗内只是挂个头衔，什么事都不管，更别说传授宗内弟子技艺了，如今巫九竟然能拜入他老人家门下，着实让人羡慕不已。
“恩怨生死台，的确可以决斗生死，但必须要有所恩怨，你们两个人，可有恩怨？”那位长老开口询问道。
那么今天咱们就来认识一下
JavaScript
什么是JavaScript?
JavaScript 是一种脚本语言(脚本语言是一种轻量级的编程语言) 被用来向页面添加交互行为的~通常直接嵌入到HTML页面中,JavaScript是一种解释性语言。
Java和JavaScript的关系?
Java 和 JavaScript 名字这么像，相信有很多小伙伴都会有一点想法~Java和JavaScript是不是有什么关系~在这里给大家解释一下~Java和JavaScript的关系就像老婆和老婆饼的关系是一样的~
JavaScript的作用?
HTML是网站的骨架，CSS是用来给骨架进行美化的，JavaScript让整个页面具有动态的效果。所以这下你知道他们为什么又叫“前端三剑客”了吗？
JavaScript的语法规则
其实JavaScript的语法和Java很像，学完JavaSE之后再来学习JavaScript就会发现其实很简单的~
1)所有的变量使用var来定义、是弱类型变量，不代表没有类型、变量本身是有类型的。
2）每行结尾的分号可有可无，建议写上。
3）注释和Java相似，支持单行注释（//）多行注释（/* */）
在JavaScript中有5中原始数据类型有number、string、boolean、null和undefined，引用数据类型都是object对象~我们可以利用typeof()方法来查看数据类型
接下来咱们先来看看变量：
null和undefined的区别
null：对象不存在
undefined：对象存在，访问的属性或者方法不存在
想信很多对于基础的部分不是那么感兴趣那么咱们直接上干货吧~
利用js完成表单校验
首先来看一下js是如何获取元素的
document.getElementById("id名称");
利用js是获取元素的值
document.getElementById("name").value;
想要完成表单验证功能除了获取，我们还需要输出功能
警告框：alert();
上面的弹窗就是了，咱们就不演示了
向页面指定位置写入内容 innerHTML
向页面写入内容 document.write(" ");
下面咱们就可以动手做了我们的表单校验功能了
首先给咱们需要校验的元素设置id，然后给表单添加一个函数~（这个页面就是之前咱们编写的注册页面）
然后完善函数的逻辑
这样我们的表单验证就完成了
效果咱们就不演示了
源码都在截图上~
小伙伴们自己试试
来源：Java联盟
https://mp.weixin.qq.com/s/wEj0QdGAnqCak3dtJKrSyQ
程序员大咖整理发布，转载请联系作者获得授权