求一段用于验证用户名和密码输入是否规范的JS代码,这段JS是要放在JSP里调用的。功能要求如下:
1、当用户名或密码没有输入时,提示必须输入;
2、当输入的字符里有非法字符(比如标点符号和全角字符之类的)时,提示输入的字符只能是某些类型的字符;
3、当输入的字符长度不够时,提示应再次输入。
给出的提示最好是显示在输入框右边,而不是弹出一个alert框。当输入的信息不符合规范时,点击登录按钮也不提交表单。
1、当用户名或密码没有输入时,提示必须输入;
2、当输入的字符里有非法字符(比如标点符号和全角字符之类的)时,提示输入的字符只能是某些类型的字符;
3、当输入的字符长度不够时,提示应再次输入。
给出的提示最好是显示在输入框右边,而不是弹出一个alert框。当输入的信息不符合规范时,点击登录按钮也不提交表单。
<TABLE>
<form name="form1" id="form1">
<TR>
<TD>用户名:</TD>
<TD><INPUT TYPE="text" NAME="user"></TD>
<TD rowspan="3" id="msg" style="color:red" valign="top"></TD>
</TR>
<TR>
<TD>密码:</TD>
<TD><INPUT TYPE="password" NAME="psw"></TD>
</TR>
<TR>
<TD colspan="2" align="center"><INPUT TYPE="button" value="登录" onclick="check()"></TD>
</TR>
</form>
</TABLE>
<SCRIPT LANGUAGE="JavaScript">
<!--
function check(){
var len = 6;
var form1 = document.getElementById("form1");
var msg = document.getElementById("msg");
var reg = /^[0-9a-zA-Z_]+$/
if (form1.user.value=="") msg.innerHTML = "请填写用户名";
else if (form1.psw.value=="") msg.innerHTML = "请填写密码";
else if (form1.psw.value.length< len) msg.innerHTML = "密码至少为6位";
else if (!reg.test(form1.user.value)) msg.innerHTML = "用户名只能由数字、字母或下划线组成";
else if (!reg.test(form1.psw.value)) msg.innerHTML = "密码只能由数字、字母或下划线组成";
else alert("pass!")
}
//-->
</SCRIPT>
现在我自己已经解决这个问题了。