jsp

Question

怎么用用javascript写注册模块验证信息

Answer 1

function checkForm()
{
var codeValue = document.getElementById("code").value
if(codeValue!=''&& '这里可以写一些需要的验证,例如codeValue.length>6 codeValue.length>6 <12')
 {
   return true;
}
return false;
}
提交表单时调用验证  通过返回true,反之false
 <input type='submit' onclick='return checkForm()'/>

Answer 2

推荐使用jquery  熟练后很方便

Answer 3

建议使用Jquery
Jquery是继prototype之后又一个优秀的Javascrīpt框架。它是轻量级的js库(压缩后只有21k) ，它兼容CSS3，还兼容各种浏览器 （IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+）。jQuery使用户能更方便地处理HTML documents、events、实现动画效果，并且方便地为网站提供AJAX交互。jQuery还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。jQuery能够使用户的html页保持代码和html内容分离，也就是说，不用再在html里面插入一堆js来调用命令了，只需定义id即可。

Answer 4

给你一个我写的例子：
1.register.jsp
<!-- 表单验证 -->
<div>
<s:form action="register" validate="true" onsubmit="return checkall();">
<table>
<p style="font-size:13px;padding-left:106px;">建议用户名由5-20位字母、数字或字符组成，其首字母必须为字母。<br>
为了您的帐户安全，强烈建议您的密码使用字符+数字+特殊字符方式，并且密码长度大于8位。<br>
验证码不能为空，且与生成的相一致。
</p>
<tr>
<td align="right"><span style="color: red">*</span> 用户名:</td>
<td>
<input type="text" name="reuser.username" onblur="validate()" id="nm" size="18"/>
<span id="checkname" style="color:red;font-size:12px;"></span>
</td>
<td><input type="button" value="检查用户名是否存在?" onclick="exitsname();"/></td>
</tr>
<tr>
<td align="right"><span style="color: red">*</span>
密&nbsp;&nbsp;码:</td>
<td><input type="password" name="reuser.password" onblur="validatepwd()" id="pwd" size="18"/><span
style="color:red;font-size:12px;" id="cpwd"></span></td>
</tr>
<tr>
<td align="right"><span style="color: red">*</span> 确认密码:</td>
<td><input type="password" name="reuser.repassword" onblur="validaterepwd()" id="repwd" size="18"/><span
id="crepwd" style="color:red;font-size:12px;"></span></td>
</tr>
<tr>
<td align="right">姓名:</td>
<td><input type="text" name="reuser.name" size="18"/><span
id="checkrepassword"></span></td>
</tr>
<tr>
<td align="right"><span style="color: red">*</span> 电子邮箱:</td>
<td><input type="text" name="reuser.email" onblur="validatemail()" id="mail" size="18"/><span
id="cmail" style="color:red;font-size:12px;"></span></td>
</tr>
<tr>
<td align="right"><span style="color: red" >*</span> 验证码:</td>
<td id="mm">&nbsp;<img src="image.action" id="xx" onclick="javascript:load();">
</td>
<td><s:a href="javascript:load();">看不清楚换一张</s:a> </td>
<td ><s:property value="#session.code"/></td>
</tr>
<tr>
<td align="right"><span style="color: red">*</span> 输入验证码:</td>
<td><input type="text" name="reuser.checknum" onblur="validatenum()" id="num" size="18"/>
<span id="cnum" style="color:red;font-size:12px;" ></span></td>
</tr>
</table>
<s:submit name="submit" value="确定注册" id="zhuche" align="center"></s:submit>
</s:form>
</div>2.相应的js验证代码，其中我就没用jquery了，纯的document.XXXXXXX：
/***  注册页面校验
*/function validate() {
var v;
v = document.getElementById("nm").value;
var patrn = /^[a-zA-Z]{1}[_a-zA-Z0-9\W]{4,19}$/;
if (v.length == 0) {
document.getElementById('checkname').innerHTML = "用户名不能为空!";
document.getElementById('nm').focus();
return false;
}
if (v.length != 0 && (v.length < 5 || v.length > 20)) {
document.getElementById("checkname").innerHTML = "用户名字符长度必须在5-20位!";
document.getElementById("nm").focus();
return false;
}
if (v.length != 0 && !(v.match(patrn))) {
document.getElementById("checkname").innerHTML = "\u7528\u6237\u540d\u9996\u5b57\u7b26\u5fc5\u987b\u4e3a\u5b57\u6bcd!";
document.getElementById("nm").focus();
return false;
}
document.getElementById("checkname").innerHTML = "";
document.getElementById("nm").blur();
return true;
}function validatepwd() {
var v1 = document.getElementById('pwd').value;
if (v1.length == 0) {
document.getElementById('cpwd').innerHTML = "密码不能为空!";
document.getElementById('pwd').focus();
return false;
}
if (v1.length < 8) {
document.getElementById('cpwd').innerHTML = "密码长度最少8位字符组成!";
document.getElementById('pwd').focus();
return false;
}
document.getElementById('cpwd').innerHTML = '';
document.getElementById('pwd').blur();
return true;
}function validaterepwd() {
var v2 = document.getElementById('repwd').value;
var vx = document.getElementById('pwd').value;
if (v2.length == 0) {
document.getElementById('crepwd').innerHTML = "确认密码不能为空!";
document.getElementById('repwd').focus();
return false;
}
if (v2 != vx) {
document.getElementById('crepwd').innerHTML = "确认密码与输入密码必须保持一致!";
document.getElementById('repwd').focus();
return false;
}
document.getElementById('crepwd').innerHTML = '';
document.getElementById('repwd').blur();
return true;
}function validatemail(){
var v3=document.getElementById('mail').value;
var patrn = /^[_a-z0-9\.]+@([_a-z0-9]+\.)+[a-z0-9]{2,3}$/;
if (v3.length == 0) {
document.getElementById('cmail').innerHTML = "邮箱不能为空!";
document.getElementById('mail').focus();
return false;
}
if ((v3.length != 0) && !(v3.match(patrn))) {
document.getElementById("cmail").innerHTML = "Email\u683c\u5f0f\u4e0d\u6b63\u786e!";
document.getElementById('mail').focus();
return false;
}
document.getElementById('cmail').innerHTML = '';
document.getElementById('mail').blur();
return true;
}function validatenum(){
var v4=document.getElementById('num').value;
var v5=document.getElementById('vnum').value;
if (v4.length == 0) {
document.getElementById('cnum').innerHTML = "验证码不能为空!";
document.getElementById('num').focus();
return false;
}
if(v4!=v5){
document.getElementById('cnum').innerHTML = "验证码输入有误!";
document.getElementById('num').focus();
return false;
}
document.getElementById('cnum').innerHTML = '';
document.getElementById('num').blur();
return true;
}

Answer 5

  <input type="button" value="添加" onclick="check();" class="input-btn">  <script type="text/javascript"> 
    var regForm = document.forms[0];
    var number=/^[0-9][0-9]*$/;
    var regm = /^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/;   //验证Mail的正则表达式,^[a-zA-Z0-9_-]:开头必须为字母,下划线,数字
    function check()
    {
       if(regForm.zjmc.value=="")
       {
           alert("专家名称不能为空!");
           regForm.zjmc.focus();
return false;
       }
        if(regForm.csrq.value=="")
       {
           alert("出生日期不能为空!");
           regForm.csrq.focus();
return false;
       }
        if(regForm.zjdj.value=="")
       {
           alert("请选择专家等级！");
return false;
       }
 if(regForm.dzyj.value=="")
       {
           alert("电子邮件不能为空！");
regForm.dzyj.focus();
return false;
       }
        if (!regForm.dzyj.value.match(regm))
       {
          alert("电子邮件格式错误或含有非法字符!\n请检查！");
           regForm.dzyj.focus();
            return false;
       } 
 if(regForm.dw.value=="")
       {
           alert("单位不能为空!");
           regForm.dw.focus();
return false;
       }
       return true;
    } </script>