登录注册js表单验证(用html做的一个form+table注册页面里有一个验证码,要怎么写这个js代码)

本文目录
- 用html做的一个form+table注册页面里有一个验证码,要怎么写这个js代码
- JS表单验证,按钮验证,验证成功怎么实现跳转
- jsp关于js注册表单验证问题:事件为submit按钮提交验证的onClick事件,先看一下部分主要代码:
- javascript 提交注册表单时, 验证欲注册的用户名不与数据库里重名
- 请教JavaScript的表单验证
- jsp页面登陆、注册时判断语句
用html做的一个form+table注册页面里有一个验证码,要怎么写这个js代码
可以用JS做个简单的验证码 《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;
}// 设置验证码的显示样式,并显示
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》标签中在页面装载的时候,调用验证码创建函数 《body onload="createCode()
"》在验证码输入框的后面放一个标签 《span id="discode"》《/span》
JS表单验证,按钮验证,验证成功怎么实现跳转
《!DOCTYPE HTML》
《html》
《head》
《meta charset=UTF-8》
《meta name="keywords" content="白菜部"》
《title》白菜部《/title》
《style type="text/css"》
《/style》
《script type="text/javascript"》
function check (form)
{
var reg = /^\s*|\s*$/g;
if (form.username.value.replace(reg,’’) == "")
{
alert ("请输入用户名");
form.username.focus ();
return false;
}
else if (form.password.value.replace(reg,’’) == "")
{
alert ("请输入密码");
form.password.focus ();
return false;
}
else
{
return true;
}
}
《/script》
《/head》
《body》
《div class="page-container"》
《h1》基站问题信息管理系统《/h1》
《h1》登录(Login)《/h1》
《form name="form1" id="form1" action="loginprocess.php" method="post"》
《input type="text" name="username" id="username" class="username" placeholder="请输入您的用户名!"》 《input type="password" name="password"
id="password" class="password" placeholder="请输入您的用户密码!"》
《button type="submit" class="submit_button" onclick="return check(this.form);"》登录《/button》
《div class="error"》
《span》+《/span》
《/div》
《/form》
《/div》
《/body》
《/html》
jsp关于js注册表单验证问题:事件为submit按钮提交验证的onClick事件,先看一下部分主要代码:
***隐藏网址***
***隐藏网址***
《head》
***隐藏网址***
《title》无标题文档《/title》
《script type="text/javascript"》
function check(obj){
var name=obj.value;
if(name==’’)
{
alert("no null!");
return false;
}
}
《/script》
《/head》
《body》
《form action="test2.jsp" method="post"》
输入用户名:《input name="username" type="text" onblur="check(this)"/》
用户姓名:《input name="name" type="text" onblur="check(this)"/》
《input type="submit" name="Submit" value="登录"/》
《/form》
《/body》
《/html》
一般验证成功了 不用alert了
javascript 提交注册表单时, 验证欲注册的用户名不与数据库里重名
你还是学会AJAX的好,其实技术不难,也可以说蛮简单的
使用AJAX可以脊判基做到更好的用户体验,否则不冲隐通过AJAX进行用户名重复验证的话,除非表单提交到后台,后台验证,如果重复,还需要用户把资料重新输入,页面重新刷新,用户体检不好哇。
其实樱谨简单的,ASP做起来简单
请教JavaScript的表单验证
我把程序按照你的思路让改给你修改正确了,关键修改的地方是if (document.formname.dname)==""),改为eval,程序如下:
《SCRIPT language=javascript》
/************************JS验证代码******************/
function chkform(formname,dname,dcontent){
if (eval(’document.’+formname+’.’+dname).value==""){
alert("名称或者标题不能为空!");
return false;
}
if (eval(’document.’+formname+’.’+dcontent+’.value’)==""){
alert("内容不能为空!");
return false;
}
eval(’document.’+formname).submit();
}
/*********表单提交调用代码****************************/
《/SCRIPT》
《form name=remark》伍局
《input type=text name=markname》
《input type=text name=markcontent》坦橘判
《input type="button" name="Submit" value="按钮" onClick="chkform(’remark’,’markname’,’markcontent’);"》
《/form》
jsp页面登陆、注册时判断语句
JS 做表单校验就好了.
给你段代码参考下. 加到jsp的head中, 在表单提交时《input typy=submit .... ..... ...onclick="checkdata();" 》灶基凯
《script language=JavaScript》
function checkdata() {
var ssn=form.username.value.toLowerCase();
if (!checkUserName(ssn)) return false; //用户名检查
if( strlen(form.password.value)《6 || strlen(form.password.value)》16 ) {
alert("\正确地登录密码长度为6-16位,仅可用英文、数字、特殊字符!")
form.password.focus()
return false;
}
if( strlen2(form.password.value) ) {
alert("\您的密隐唤码中包含了非法字符,仅可用英文、数字、特殊字符!")
form.password.focus()
return false;
}
if( form.password.value == form.username.value ) {
alert("\用户名和密码不能相同!")
form.password.focus()
return false;
}
if( form.password2.value =="" ) {
alert("\请输入密码确认!")
form.password2.focus()
return false;
}
if( form.password2.value != form.password.value ) {
alert("\两次密码输入不一致!")
form.password.focus()
return false;
}
if( form.phone.value =="" ) {
alert("\锋链请输入电话!")
form.phone.focus()
return false;
}
if(form.addr.value == "") {
alert("\地址不能为空!");
form.addr.focus();
return false;
}
return true;
}
《/script》

更多文章:
androidapp源码免费下载(如何实现APK的反编译得到APK的源码)
2026年9月22日 18:00
service pack 3(操作系统版本升级(SP) Service Pack 3当中的“Service Pack 3”是什么意思)
2026年9月22日 10:20
html代码怎么写大佬教程(html网页的题来个大佬,写代码,题目在图上)
2026年9月22日 10:10
结构体内又一个struct(c++ 在结构体中再嵌入一个结构体如何调用)
2026年9月22日 09:40
cocos creator中文(cocoscreator和cocoscreator3d的区别)
2026年9月22日 02:30





