本文目录一览：
1、JS表单注册验证
2、js表单验证代码怎么写
3、JS表单验证代码
4、asp表单提交注册验证js问题
5、js注册表单验证代码
6、用html做的一个form+table注册页面里有一个验证码，要怎么写这个js代码？？
JS表单注册验证
把以下代码加到body里试一试 本应写成function 就是做个示意给你看看原理 昵称：
<input type="text" onclick="this.style.border='1px #cd1b1b solid';document.getElementById('a').innerHTML='';" onblur="this.style.border='1px #000000 solid';if(this.value==''){document.getElementById('a').innerHTML='昵称不能为空！';}"/><span id="a"></span><br /><br />
密码：
<input type="text" onclick="this.style.border='1px #cd1b1b solid';document.getElementById('b').innerHTML='';" onblur="this.style.border='1px #000000 solid';if(this.value==''){document.getElementById('b').innerHTML='密码不能为空！';}"/><span id="b"></span>
<div style="text-align: center"> </div> # js表单验证代码怎么写 我来举个例子，很简单的 ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>Insert title here</title> <script type="text/javascript"> function formCheck() { //表单验证 var userForm = document.forms.userForm; if (userForm.username.value == null || userForm.username.value.length == 0) { alert("用户名不能为空"); return false; } else if (userForm.username.value.length < 6 || userForm.username.value.length > 20) { alert("用户名必须为6-20位"); return false; } else if (userForm.password.value == null || userForm.password.value.length == 0) { alert("密码不能为空"); return false; } else if (userForm.password.value.length < 6 || userForm.password.value.length > 20) { alert("密码必须为6-20位"); return false; } else { userForm.submit(); } } </script> </head> <body> <form action="" name="userForm"> userName:<input type="text" name="username" /><br /> password:<input type="password" name="password" /><br /> <input type="button" value="提交" onclick="formCheck()" /> </form> </body> </html> ``` # JS表单验证代码 我就简单的写个 希望可以帮助您 ``` ================================== ``` ```html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "" /> <html xmlns="" /> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>测试页面</title> <script type="text/javascript"> function checkform() { //验证用户名 if ($("username").value == "") { $("n_msg").innerHTML = "用户名不可以为空"; $("username").select(); $("username").focus(); return false; } else { if ($("username").value.length < 6) { $("n_msg").innerHTML = "用户名必须大于6个字符"; $("username").select(); $("username").focus(); return false; } } //验证密码 if ($("password").value == "") { $("p_msg").innerHTML = "密码不可以为空"; $("password").select(); $("password").focus(); return false; } else { if ($("password").value.length < 10) { $("p_msg").innerHTML = "密码必须大于10个字符"; $("password").select(); $("password").focus(); return false; } } //.....（下面的可以以此类推） return true; } function $(id) { return document.getElementById(id); } </script> <style type="text/css"> body { font:12px 宋体 } .c_red { color:#f00 } </style> </head> <body> <table width="500" border="0" cellspacing="0" cellpadding="0"> <form method="post" onsubmit="return checkform()"> <tr> <td width="89">用户名</td> <td width="223"><input name="username" type="text" id="username" /></td> <td width="188" id="n_msg" class="c_red"></td> </tr> <tr> <td>密码</td> <td><input name="password" type="password" id="password" /></td> <td id="p_msg" class="c_red"></td> </tr> <tr> <td colspan="3"><input name="sub" type="submit" id="sub" value="提交" /></td> </tr> </form> </table> </body> </html> ``` ``` =========================== ``` 上面的为代码部分 我已经调试没问题 希望可以帮助您 祝早日解决~ # asp表单提交注册验证js问题 ```javascript if (document.form1.radio2.checked && document.form1.img.value == "") { alert("图片不能为空"); return false; } ``` name=img 的那个input框最好加个id=img 否则取不到值的话就用`document.getElementByName('')` # js注册表单验证代码 JS函数： ```javascript function check() { var username = document.getElementById("username").value; var pass1 = document.getElementById("password").value; var pass2 = document.getElementById("confirm_password").value; if (username == "" || username == null || pass1 == "" || pass1 == null || pass2 == null || pass2 == "") { alert("用户名或密码不得为空！"); return false; } } ``` 表单提交的时候验证： ```html <input name="reg" type="submit" value="提交" onclick="return check()" /> ``` 自己补全。 # 用html做的一个form+table注册页面里有一个验证码，要怎么写这个js代码？？ 可以用JS做个简单的验证码 ```javascript <script language="javascript"> var code; //在全局 定义验证码 function createCode() { code = ""; var codeLength = 5; //验证码的长度 var selectChar = new Array(0,1,2,3,4,5,6,7,8,9,'A','B','C','D','E','F','G','H','I','J','K','L','M','N','O','P','Q','R','S','T','U','V','W','X','Y','Z'); //所有候选组成验证码的字符，当然也可以用中文的 for(var i=0; i < codeLength; i++) { var charIndex = Math.floor(Math.random()*36); code += selectChar[charIndex]; } // 设置验证码的显示样式，并显示 document.getElementById("discode").style.fontFamily = "Fixedsys"; //设置字体 document.getElementById("discode").style.letterSpacing = "3px"; //字体间距 document.getElementById("discode").style.color = "#ff0000"; //字体颜色 document.getElementById("discode").innerHTML = code; // 显示 } </script> ``` 把上面一段JS代码放到`<head></head>`标签中在页面装载的时候，调用验证码创建函数 ```html <body onload="createCode()"> ``` 在验证码输入框的后面放一个标签 ```html <span id="discode"></span> ```
