php中js验证表单,使用JS实现表单验证（附代码）

这次给大家带来使用JS实现表单验证(附代码)，使用JS实现表单验证的注意事项有哪些，下面就是实战案例，一起来看一下。

表单验证

function checkusername()

{

var myform = document.getElementById("form1");

var username = myform.username.value.length;

if(username < 1||username>12)

{

errusername.innerHTML = "用户名不符合要求";

return false;

}else{

errusername.innerHTML = "用户名符合要求";

return true;

}

}

function checkage()

{

var myform = document.getElementById("form1");

var age = myform.age.value;

if(age != parseInt(age))

{

errage.innerHTML = "年龄不符合要求";

return false;

}else{

errage.innerHTML = "年龄符合要求";

return true;

}

}

function checkemail()

{

var myform = document.getElementById("form1");

var mail=/^[A-Za-z0-9_-]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/;

if(!mail.test(myform.email.value))

{

erremail.innerHTML = "email不符合要求";

return false;

}else{

erremail.innerHTML = "email符合要求";

return true;

}

}

function checkform()

{

checkusername();checkage();checkemail();

if(checkusername()&&checkage()&&checkemail())

{

return true;

}else{

return false;

}

}

请输入你的注册信息
请输入你的用户名：
请输入你的年龄：
请输入你的EMAIL:

相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！

推荐阅读：