当前位置:网站首页>JS–比想象中简单
JS–比想象中简单
2022-08-09 21:43:00 【全栈程序员站长】
大家好,又见面了,我是你们的朋友全栈君。
刚看完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.cn/105730.html原文链接:https://javaforall.cn
边栏推荐
- 小黑leetcode之旅:94. 二叉树的中序遍历(补充Morris 中序遍历)
- 《强化学习周刊》第57期:DL-DRL、FedDRL & Deep VULMAN
- AI Knows Everything: Building and Deploying a Sign Language Recognition System from Zero
- supervisor 命令操作大全「建议收藏」
- Don't tell me to play, I'm taking the PMP exam: what you need to know about choosing an institution for the PMP exam
- Install Mysql8.0 on windos, and solve the problem of re-login exception ERROR 1045 (28000)
- 6个规则去净化你的代码
- Interpretation of the paper (DropEdge) "DropEdge: Towards Deep Graph Convolutional Networks on Node Classification"
- Quotefancy ,提供鼓舞人心语录的壁纸网站 - 倾城之链
- L3-2 Delete up to three characters (30 points)
猜你喜欢

Word第一页空白页怎么删除?删除Word第一页空白页方法教程

消防安全培训|“蓝朋友”,开课了!

Word文档怎么输入无穷大符号∞

Bean生命周期

微软word怎么转换成pdf文件?微软word转换为pdf格式的方法

ACM MM 2022 | Cloud2Sketch: 长空云作画,AI笔生花

《强化学习周刊》第57期:DL-DRL、FedDRL & Deep VULMAN

2022 首期线下 Workshop!面向应用开发者们的数据应用体验日来了 | TiDB Workshop Day

如何让您的公司内容满足 GDPR 合规性

上海控安SmartRocket系列产品推介(三):SmartRocket iVerifier计算机联锁系统验证工具
随机推荐
2022 首期线下 Workshop!面向应用开发者们的数据应用体验日来了 | TiDB Workshop Day
2021(ICPC)亚洲区域赛昆明站(CGHIJLM)
MySQL:错误1153(08S01):得到的数据包大于“ max_allowed_packet”字节
TF生成均匀分布的tensor
APP自动化测试框架-UiAutomator2基础入门
Install Mysql8.0 on windos, and solve the problem of re-login exception ERROR 1045 (28000)
abstract class or interface
hdu 1333 Smith Numbers(暴力思路)
论文解读(DropEdge)《DropEdge: Towards Deep Graph Convolutional Networks on Node Classification》
leetcode:数组中的第K个最大元素
蔚来杯2022牛客暑期多校训练营7 CFGJ
Interpretation of the paper (DropEdge) "DropEdge: Towards Deep Graph Convolutional Networks on Node Classification"
Word怎么制作一张标准的答题卡?
6 rules to sanitize your code
Simple questions peek into mathematics
“稚晖君”为2022昇腾AI创新大赛打call&nbsp;期待广大开发者加入
抽象类 or 接口
MySQL慢查询的多个原因
Referenced file contains errors 完美解决方法
[Generic Programming] Full Detailed Explanation of Templates