JavaScript入门写一个表单校验功能
来源:java面试笔试     阅读:792
二分熟
发布于 2018-09-14 23:16
查看主页

那么今天咱们就来认识一下

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()方法来查看数据类型

接下来咱们先来看看变量:


JavaScript入门写一个表单校验功能



null和undefined的区别

null:对象不存在

undefined:对象存在,访问的属性或者者方法不存在

想信很多对于基础的部分不是那么感兴趣那么咱们直接上干货吧~

利使用js完成表单校验

首先来看一下js是如何获取元素的

document.getElementById("id名称");


JavaScript入门写一个表单校验功能



利使用js是获取元素的值

document.getElementById("name").value;


JavaScript入门写一个表单校验功能



想要完成表单验证功能除了获取,我们还需要输出功能

警告框:alert();

上面的弹窗就是了,咱们就不演示了

向页面指定位置写入内容 innerHTML


JavaScript入门写一个表单校验功能



向页面写入内容 document.write(" ");


JavaScript入门写一个表单校验功能



下面咱们即可以动手做了我们的表单校验功能了

首先给咱们需要校验的元素设置id,而后给表单增加一个函数~(这个页面就是之前咱们编写的注册页面)


JavaScript入门写一个表单校验功能



而后完善函数的逻辑


JavaScript入门写一个表单校验功能


这样我们的表单验证就完成了

效果咱们就不演示了

源码都在截图上~

小伙伴们自己试试

JavaScript入门写一个表单校验功能


我是萌新娜娜

立志做一个不翻车的老司机

学习Java的路上请多多指教


扩展阅读

前台面试之JavaScript(总结)

如何使用JavaScript手动实现一个栈

JavaScript 开发人员需要知道的简写技巧

免责声明:本文为用户发表,不代表网站立场,仅供参考,不构成引导等用途。 网页前端 CSS
相关推荐
Redis常见故障处理方案
Nginx web服务器
vue计算滚动条滚动速度
Node学习随笔—数据库(MongoDB,mongoose)
HTTPS详解
首页
搜索
订单
购物车
我的