您的位置 首页 java

Java学习: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的路上请多多指教

大家如果想要更深入了解java相关知识,私信我回复:【Java】 即可知道你们想要知道的java相关问题

文章来源:智云一二三科技

文章标题:Java学习:JavaScript入门写一个表单校验功能

文章地址:https://www.zhihuclub.com/181373.shtml

关于作者: 智云科技

热门文章

发表回复

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

网站地图