自己写了一个仿jquery的表单验证,用的纯javascript
效果:
代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>js测试</title> </head> <body> <form action="printPerson.html" method="get" id="commandForm"> 用户名:<input type="text" name="username" id="u" value=""/><font color="red" id="uAlert"></font></br> 密码:<input type="password" name="password" id="p" value=""/><font color="red" id="pAlert"></font></br> <input type="submit" value="确定" onclick="return confirm()"/> </form> </body> <script language="javascript"> function confirm(){ var uELement=document.getElementById("u"); var pELement=document.getElementById("p"); var flag=1; if(uELement.value==null||uELement.value==""){ var uAlertELement=document.getElementById("uAlert"); uAlertELement.innerHTML="*用户名不能为空!"; flag=0; }else{ var uAlertELement=document.getElementById("uAlert"); uAlertELement.innerHTML=""; } if(pELement.value==null||pELement.value==""){ var pAlertELement=document.getElementById("pAlert"); pAlertELement.innerHTML="*密码不能为空!"; flag=0; }else{ var pAlertELement=document.getElementById("pAlert"); pAlertELement.innerHTML=""; } if(flag==1){ return true; }else{ return false; } } </script> </html>
转载请注明出处:http://blog.csdn.net/acmman/article/details/48109083