js表单验证控制代码大全（js注册表单验证）

今天给各位分享js表单验证控制代码大全的知识，其中也会对js注册表单验证进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

本文目录一览：

• 1、用JS提交表单时如何验证表单项
• 2、一段js表单验证的代码，帮我一行一行分析下函数的作用
• 3、js表单验证代码怎么写
• 4、JS表单验证代码

用JS提交表单时如何验证表单项

都可以的，在以上的代码里面可以，在obsubmit代码里面也可以，例如可以：

function selectByMoreC(Action){

document.forms["salChanceForm"].method = "post";

document.forms["salChanceForm"].action = Action;

if (document.forms["salChanceForm"].myinput.value.match(/[^0-9]/)）

{

alert('xxx只能输入数字！');

}//还可以添加其它一些字段的判断

else document.forms["salChanceForm"].submit();

}

一段js表单验证的代码，帮我一行一行分析下函数的作用

function checkUser(){ //声明 checkUser函数

var user=$("user"); //声明变量user等于 $('user')的返回值，$('user') //表示传入user字符串调用$函数

var userId=divId("user_prompt"); //同上，声明userId

userId.innerHTML=""; //userId应该是一个dom元素，这里清空元素的内容

var reg=/^[a-zA-Z][a-zA-Z0-9]{3,15}$/; //声明正则表达式

if(reg.test(user)==0){ //如果user匹配正则表达式失败

userId.innerHTML="用户名不正确"; //讲userId的内容设置为用户名不正确

return 0; //返回0

}

return 1; //返回1

}

js表单验证代码怎么写

我来举个例子，很简单的

!DOCTYPE html

html

head

meta charset="UTF-8"

titleInsert 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.length6||userForm.username.value.length20){

alert("用户名必须为6-20位");

return false;

}else if(userForm.password.value==null||userForm.password.value.length=0){

alert("密码不能为空");

return false;;

}else if(userForm.password.value.length6||userForm.password.value.length20){

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表单验证代码

我就简单的写个 希望可以帮助您

==================================

!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

tdinput 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

===========================

上面的为代码部分 我已经调试没问题 希望可以帮助您

祝早日解决~

js表单验证控制代码大全的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于js注册表单验证、js表单验证控制代码大全的信息别忘了在本站进行查找喔。