表单验证、验证邮箱、验证提示特效

245 阅读1分钟

 form.onsubmit = function (){

【字符串非空验证 】

let username = document.getElementById('username').value;

【字符串的trim()方法可以去除左右的空格】

if(username.trim() == ''){

alert('用户名不能为空')

【阻止表单提交的默认事件】

return false;

}

【继续执行默认事件 】

return true;

【字符串查找验证】

var str="this is JavaScript";

str.indexOf('is')

2

var str="this is JavaScript";

【从下标是3的位置开始寻找 找的到返回对应的下标

找不到返回 -1】

str.indexOf('is',3)

5

str.indexOf('is',6)

-1

 let email = document.getElementById('email').value;

 【先校验是否为空 再校验里面的内容 】

 【排除异常 】

if(email.trim() == ''){

alert('邮箱不能为空')

return false;

}

 【邮箱的长度验证 】

if(email.length<6){

alert('邮箱长度不能小于6个字符串')

return false;

}

 【当email里面 只要没有@或者.都进入报错提示 】

if(email.indexOf('@')==-1||email.indexOf('.')==-1){

alert('邮箱格式不正确')

return false;

}

for(var i=0;i<email.length;i++){

【 isNaN 不是数字返回true 】

 isNaN(email[i])==false就说明email[i]是数字 

 每次循环只截取对应索引的一位,直到遍历完整个字符串 

var j = email.substring(i, i + 1);

 if(isNaN(email[i])==false){

if( isNaN(j)==false ){

alert('不能有数字')

return false