大家好,又见面了,我是你们的朋友全栈君。
刚看完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代码还是很简单的吧,先从简单的开始,这样就能相信自己能学会。
发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/105730.html原文链接:https://javaforall.cn
【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛
【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...