javascript如何进行进行表单用户名验证？ 10
<inputtype="text"id="name"name="name"onBlur="namecheckdata()">要求：用户名进行常规的验证，错误情况给出提示，...
<input type="text" id = "name" name="name" onBlur="namecheckdata()">
要求：用户名进行常规的验证，错误情况给出提示，阻止用户下一步操作。
我使用onblur能不能满足只要不符合规范的用户名立马进行验证，并阻止操作。
如果可以的话。我应该怎么写这个javascript函数。。
求各位大侠帮忙。 展开
要求：用户名进行常规的验证，错误情况给出提示，阻止用户下一步操作。
我使用onblur能不能满足只要不符合规范的用户名立马进行验证，并阻止操作。
如果可以的话。我应该怎么写这个javascript函数。。
求各位大侠帮忙。 展开
1个回答
展开全部
表单验证是 onsubmit 事件 当表单提交时的事件
然后在 javascript 中 写个方法 进行验证
给你我以前做过的 题目
所有完整代码哦 别看花眼 你可以复制到EditPlus 里面看 很清楚了
<!doctype html>
<html>
<head>
<title>注册...</title>
<style type="text/css">
body{background:url(images/beijing3.jpg);overflow:scroll;}
#gueiz{width:800px;height:580px;margin:0px auto;background:#F4F4F4;}
#juzhong{width:800px;display : block; margin:0px auto;}
#juzhong input{margin:0px 10px;}
#zhucexiangmu{width:500px;height:340px;display : none; margin:80px auto;color:#ffffff;font-size:20px;border:1px solid #cccccc;background:url(images/beijing4.jpg);}
#a{font-size:16px;width:200px}
</style>
<script type="text/javascript">
function yesann(){
var objs=document.getElementById("zhucexiangmu");
objs.style.display="block";
}
function noann(){
alert("无法完成注册，请确认相关守则或通过其他用户名登陆！");
location.href="denglu.php"
}
function yanzheng() {
var yh=document.zhuce.username.value;//用户名
var mm=document.zhuce.pass1.value;//密码1
var mm2=document.zhuce.pass2.value;//密码2
for (var i=0 ;i<yh.length;i++){
var mgzf=yh.charAt(i);
if(!(mgzf>=0&&mgzf<=9||mgzf>="a"&&mgzf<="z"||mgzf>="A"&&mgzf<="Z"||mgzf=="_")){alert("用户名不合法，必须由字母数字下划线组成");return false;}
}
if (!(mm.length>=6&&mm.length<=18)||!(yh.length>=6&&yh.length<=18)){alert("密码或账户名必须大于6位，小于18位");return false;}
if (mm!==mm2){alert("两次密码输入不一致，请核对");return false;}
var pd = yh.charAt(0);
if (!(pd>="a"&&pd<="z"||pd>="A"&&pd<="Z")){alert("用户名不合法，首位必须由字母组成");return false;}
return true;
}
</script>
</head>
<body>
<h2 align=center >用户注册</h2>
<div id="juzhong">
<textarea name="gz" id="gueiz" readonly>
一、 论坛宗旨
创造良好的文化氛围，引导健康向上的文化方向，开辟网上交流的第二课堂，促进我院更深层次的信息化建设。
二、 论坛规则
1、 提倡原创，反对灌水
2、 提倡文明，反对粗俗
3、 欢迎监督，反对毁谤
4、 欢迎投诉，违规必究
三、 论坛管理细则
1、网友守则
（1）在本站的网页上发布信息或者利用本站的服务时必须符合国家有关法规。
（2）不得在本站发布淫秽、反动信息。
（3）不得在本站发表不负责言论，并进行人身污蔑攻击。
（4）本站欢迎监督欢迎投诉，不得发表激烈言辞煽动闹事。
（5）不以任何方式干扰本站的服务。
（6）必须遵守学院所有其他规定和程序。
2、管理办法
相应版块一经发现不合主题及违规内容，版主即有权不通知贴主进行删除，情况严重者将相关ID公布，并直接删除用户资料，并且保留进一步追究当事人责任的证据以及权力。对论坛建设有特殊贡献的版主以及会员将会获得一定的奖励。
■ 请选择适合您的话题的版面发表文章，文章标题、内容应该与相应讨论的主题相符。任何与本坛相关主题无关的文章，版主和管理人员均有权直接删除。请不要一文多发。本站也不欢迎无聊灌水！
■ 请用户遵守中华人民共和国的有关法律法规。任何人不得制作、复制、发布、传播含有下列内容的信息：反对宪法所确定的基本原则的；危害国家安全，泄露国家秘密，颠覆国家政权，破坏国家统一的；损害国家荣誉和利益的；煽动民族仇恨、民族歧视，破坏民族团结的；破坏国家宗教政策，宣扬邪教和封建迷信的；散布谣言，扰乱社会秩序，破坏社会稳定的；散布淫秽、色情、赌博、暴力、凶杀、恐怖或者教唆犯罪的；侮辱或者诽谤他人，侵害他人合法权益的；含有法律、行政法规禁止的其他内容的。
■ 请遵守网络道德及网络礼仪，严禁发表含有歧视、污辱、谩骂等内容的文章，严禁对他人进行人身攻击。不得故意使用带有污辱或人身攻击、甚至恶意雷同的ID或使用其他有不良内容的签名。
■ 主题文章有版权声明者，其版权依版权声明为准；无版权声明者，版权归原作者与本论坛共同所有。任何转载请尽可能注明原作者、原出处及其链接，以示对原作者版权的尊重。
■ 本坛发表的文章仅代表作者观点，与本论坛无关。作者文责自负，需要为在此论坛发表的任何言论及文字承担任何可能的刑事或法律责任！
■ 用户在论坛注册是免费的。凡在讨论区注册并发表文章者，均视为已同意上述规定。网站管理人员有权删除含有违规内容的文章。如果用户违反论坛规定，管理员有权在任何时候禁止甚至删除你的账号。
■ 本论坛负责此规定的解释和执行，本论坛有权根据以后的实际情况对此规定的各个条款进行修改和变动。对论坛的管理、建设等方面产生疑问时，请以友善的方式与管理员进行沟通。
附：互联网信息服务管理办法（中华人民共和国国务院令 第292号）
第十五条 任何人不得制作、复制、发布、传播含有下列内容的信息：
(一) 反对宪法所确定的基本原则的；
(二) 危害国家安全，泄露国家秘密，颠覆国家政权，破坏国家统一的；
(三) 损害国家荣誉和利益的；
(四) 煽动民族仇恨、民族歧视，破坏民族团结的；
(五) 破坏国家宗教政策，宣扬邪教和封建迷信的；
(六) 散布谣言，扰乱社会秩序，破坏社会稳定的；
(七) 散布淫秽、色情、赌博、暴力、凶杀、恐怖或者教唆犯罪的；
(八) 侮辱或者诽谤他人，侵害他人合法权益的；
(九) 含有法律、行政法规禁止的其他内容的。
</textarea>
<br /><br />
</div>
<div id="juzhong">
<input type="button" name="yes" value="同意" onclick="yesann()"/>
<input type="button" name="no" value="不同意" onclick="noann()"/>
</div>
<div id="zhucexiangmu" >
<br />
<form action="tianjiayh.php" method="post" onsubmit="return yanzheng()" name="zhuce">
用户名 <font color="red">*</font>：<input id="a" type="text" name="username" /><br />
密 码 <font color="red">*</font>：<input id="a" type="password" name="pass1"/><br />
确认密码<font color="red">*</font>：<input id="a" type="password" name="pass2"/><br />
电子邮箱 ：<input id="a" type="text" name="youxiang"/><br />
手机号码 ：<input id="a" type="text" name="shoujihao"/><br />
注册事项 ：<br />
<font size="5" color="red">您已经同意本网站宗旨以及相关规定</font><br />
用户名: 必须是字母开头，由数字/字母/下划线组成<br />
密码&用户名:长度需大于6位小于18位，两次密码需一致<br />
注意<font color="red">*</font>号： 选项部分为必须输入项<br /><br />
<input id="daxiao" type="submit" value="注册"/>
<input id="daxiao" type="reset" value="重置"/>
</form>
</div>
</body>
</html>
然后在 javascript 中 写个方法 进行验证
给你我以前做过的 题目
所有完整代码哦 别看花眼 你可以复制到EditPlus 里面看 很清楚了
<!doctype html>
<html>
<head>
<title>注册...</title>
<style type="text/css">
body{background:url(images/beijing3.jpg);overflow:scroll;}
#gueiz{width:800px;height:580px;margin:0px auto;background:#F4F4F4;}
#juzhong{width:800px;display : block; margin:0px auto;}
#juzhong input{margin:0px 10px;}
#zhucexiangmu{width:500px;height:340px;display : none; margin:80px auto;color:#ffffff;font-size:20px;border:1px solid #cccccc;background:url(images/beijing4.jpg);}
#a{font-size:16px;width:200px}
</style>
<script type="text/javascript">
function yesann(){
var objs=document.getElementById("zhucexiangmu");
objs.style.display="block";
}
function noann(){
alert("无法完成注册，请确认相关守则或通过其他用户名登陆！");
location.href="denglu.php"
}
function yanzheng() {
var yh=document.zhuce.username.value;//用户名
var mm=document.zhuce.pass1.value;//密码1
var mm2=document.zhuce.pass2.value;//密码2
for (var i=0 ;i<yh.length;i++){
var mgzf=yh.charAt(i);
if(!(mgzf>=0&&mgzf<=9||mgzf>="a"&&mgzf<="z"||mgzf>="A"&&mgzf<="Z"||mgzf=="_")){alert("用户名不合法，必须由字母数字下划线组成");return false;}
}
if (!(mm.length>=6&&mm.length<=18)||!(yh.length>=6&&yh.length<=18)){alert("密码或账户名必须大于6位，小于18位");return false;}
if (mm!==mm2){alert("两次密码输入不一致，请核对");return false;}
var pd = yh.charAt(0);
if (!(pd>="a"&&pd<="z"||pd>="A"&&pd<="Z")){alert("用户名不合法，首位必须由字母组成");return false;}
return true;
}
</script>
</head>
<body>
<h2 align=center >用户注册</h2>
<div id="juzhong">
<textarea name="gz" id="gueiz" readonly>
一、 论坛宗旨
创造良好的文化氛围，引导健康向上的文化方向，开辟网上交流的第二课堂，促进我院更深层次的信息化建设。
二、 论坛规则
1、 提倡原创，反对灌水
2、 提倡文明，反对粗俗
3、 欢迎监督，反对毁谤
4、 欢迎投诉，违规必究
三、 论坛管理细则
1、网友守则
（1）在本站的网页上发布信息或者利用本站的服务时必须符合国家有关法规。
（2）不得在本站发布淫秽、反动信息。
（3）不得在本站发表不负责言论，并进行人身污蔑攻击。
（4）本站欢迎监督欢迎投诉，不得发表激烈言辞煽动闹事。
（5）不以任何方式干扰本站的服务。
（6）必须遵守学院所有其他规定和程序。
2、管理办法
相应版块一经发现不合主题及违规内容，版主即有权不通知贴主进行删除，情况严重者将相关ID公布，并直接删除用户资料，并且保留进一步追究当事人责任的证据以及权力。对论坛建设有特殊贡献的版主以及会员将会获得一定的奖励。
■ 请选择适合您的话题的版面发表文章，文章标题、内容应该与相应讨论的主题相符。任何与本坛相关主题无关的文章，版主和管理人员均有权直接删除。请不要一文多发。本站也不欢迎无聊灌水！
■ 请用户遵守中华人民共和国的有关法律法规。任何人不得制作、复制、发布、传播含有下列内容的信息：反对宪法所确定的基本原则的；危害国家安全，泄露国家秘密，颠覆国家政权，破坏国家统一的；损害国家荣誉和利益的；煽动民族仇恨、民族歧视，破坏民族团结的；破坏国家宗教政策，宣扬邪教和封建迷信的；散布谣言，扰乱社会秩序，破坏社会稳定的；散布淫秽、色情、赌博、暴力、凶杀、恐怖或者教唆犯罪的；侮辱或者诽谤他人，侵害他人合法权益的；含有法律、行政法规禁止的其他内容的。
■ 请遵守网络道德及网络礼仪，严禁发表含有歧视、污辱、谩骂等内容的文章，严禁对他人进行人身攻击。不得故意使用带有污辱或人身攻击、甚至恶意雷同的ID或使用其他有不良内容的签名。
■ 主题文章有版权声明者，其版权依版权声明为准；无版权声明者，版权归原作者与本论坛共同所有。任何转载请尽可能注明原作者、原出处及其链接，以示对原作者版权的尊重。
■ 本坛发表的文章仅代表作者观点，与本论坛无关。作者文责自负，需要为在此论坛发表的任何言论及文字承担任何可能的刑事或法律责任！
■ 用户在论坛注册是免费的。凡在讨论区注册并发表文章者，均视为已同意上述规定。网站管理人员有权删除含有违规内容的文章。如果用户违反论坛规定，管理员有权在任何时候禁止甚至删除你的账号。
■ 本论坛负责此规定的解释和执行，本论坛有权根据以后的实际情况对此规定的各个条款进行修改和变动。对论坛的管理、建设等方面产生疑问时，请以友善的方式与管理员进行沟通。
附：互联网信息服务管理办法（中华人民共和国国务院令 第292号）
第十五条 任何人不得制作、复制、发布、传播含有下列内容的信息：
(一) 反对宪法所确定的基本原则的；
(二) 危害国家安全，泄露国家秘密，颠覆国家政权，破坏国家统一的；
(三) 损害国家荣誉和利益的；
(四) 煽动民族仇恨、民族歧视，破坏民族团结的；
(五) 破坏国家宗教政策，宣扬邪教和封建迷信的；
(六) 散布谣言，扰乱社会秩序，破坏社会稳定的；
(七) 散布淫秽、色情、赌博、暴力、凶杀、恐怖或者教唆犯罪的；
(八) 侮辱或者诽谤他人，侵害他人合法权益的；
(九) 含有法律、行政法规禁止的其他内容的。
</textarea>
<br /><br />
</div>
<div id="juzhong">
<input type="button" name="yes" value="同意" onclick="yesann()"/>
<input type="button" name="no" value="不同意" onclick="noann()"/>
</div>
<div id="zhucexiangmu" >
<br />
<form action="tianjiayh.php" method="post" onsubmit="return yanzheng()" name="zhuce">
用户名 <font color="red">*</font>：<input id="a" type="text" name="username" /><br />
密 码 <font color="red">*</font>：<input id="a" type="password" name="pass1"/><br />
确认密码<font color="red">*</font>：<input id="a" type="password" name="pass2"/><br />
电子邮箱 ：<input id="a" type="text" name="youxiang"/><br />
手机号码 ：<input id="a" type="text" name="shoujihao"/><br />
注册事项 ：<br />
<font size="5" color="red">您已经同意本网站宗旨以及相关规定</font><br />
用户名: 必须是字母开头，由数字/字母/下划线组成<br />
密码&用户名:长度需大于6位小于18位，两次密码需一致<br />
注意<font color="red">*</font>号： 选项部分为必须输入项<br /><br />
<input id="daxiao" type="submit" value="注册"/>
<input id="daxiao" type="reset" value="重置"/>
</form>
</div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
|
广告 您可能关注的内容 |
