一个验证表单必填的可重用的JS文件

common.js

  
  
  
  
  1. function isRequired(checked)  
  2. {  
  3. for(var i=0; i<checked.length;i++)  
  4. {  
  5. var input = checked[i][0];  
  6. if(input.value == null||input.value.length==0)  
  7. {   
  8. alert(checked[i][1]);  
  9. input.focus();  
  10. return false;  
  11. }  
  12. }  
  13. return true;  
  14. }   

一个简单例子:(注册页面)

  
  
  
  
  1. <%@ page language="java" pageEncoding="GB18030"%>  
  2.  
  3. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">  
  4. <html>  
  5. <head>  
  6. <title>请输入注册信息!</title>  
  7. <script type="text/javascript" src="js/common.js"></script>  
  8. <link rel="stylesheet" type="text/css" href="css/common.css">  
  9. <script type="text/javascript">  
  10. function logon(){  
  11. window.location = "index.jsp";  
  12. }  
  13.  
  14. function checkValues(form){  
  15. var checked = [[form.name,"请输入用户名!"],[form.password,"请输入密码!"],[form.repassword,"请输入确认密码!"]];   
  16. if(!isRequired(checked))  
  17. return false;  
  18. if(form.password.value!=form.repassword.value){  
  19. alert("密码与确认密码不一致,请重新输入!");  
  20. form.password.value="";  
  21. form.repassword.value="";  
  22. form.password.focus();  
  23. return false;  
  24. }   
  25. return true;  
  26. }   
  27. </script>  
  28. </head>  
  29.  
  30. <body>  
  31. <center>  
  32. <h2>用户注册</h2>  
  33. <table width="400">  
  34. <tr>  
  35. <td colspan="2" class="warnning">请输入注册信息</td>  
  36. </tr>  
  37. <form action="regist.jsp" name="main" method="post" onsubmit="return checkValues(this);">   
  38. <tr>  
  39. <td align="right">用户名:</td>  
  40. <td><input type="text" name="name">*</td>  
  41. </tr>  
  42. <tr>  
  43. <td align="right">密码:</td>  
  44. <td><input type="password" name="password">*</td>  
  45. </tr>  
  46. <tr>  
  47. <td align="right">确认密码:</td>  
  48. <td><input type="password" name="repassword">*</td>  
  49. </tr>  
  50. <tr>  
  51. <td colspan="2" align="center">  
  52. <input type="submit" name="login" value="注册">   
  53. <input type="reset" name="reset" value="重填">   
  54. <input type="button" name="register" value="返回" onclick="logon();">   
  55. </tr>  
  56. </form>  
  57. </table>  
  58. </center>  
  59. </body>  
  60. </html> 

 

你可能感兴趣的:(表单,验证,js文件)