表单验证js代码（jquery表单验证代码）[20240423更新]

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

本文目录一览：

• 1、一段js表单验证的代码，帮我一行一行分析下函数的作用
• 2、js表单验证代码怎么写
• 3、js验证表单

一段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验证表单

avaScript 表单验证

JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证。

被 JavaScript 验证的这些典型的表单数据有：

用户是否已填写表单中的必填项目？

用户输入的邮件地址是否合法？

用户是否已输入合法的日期？

用户是否在数据域 (numeric field) 中输入了文本？

必填（或必选）项目

下面的函数用来检查用户是否已填写表单中的必填（或必选）项目。假如必填或必选项为空，那么警告框会弹出，并且函数的返回值为 false，否则函数的返回值则为 true（意味着数据没有问题）：

function validate_required(field,alerttxt)

{

with (field)

{

if (value==null||value=="")

 {alert(alerttxt);return false}

else {return true}

}

}

下面是连同 HTML 表单的代码：

html

head

script type="text/javascript"function validate_required(field,alerttxt)

{

with (field)

 {

 if (value==null||value=="")

   {alert(alerttxt);return false}

 else {return true}

 }

}

function validate_form(thisform)

{

with (thisform)

 {

 if (validate_required(email,"Email must be filled out!")==false)

   {email.focus();return false}

 }

}/script

/head

body

form action="submitpage.htm" onsubmit="return validate_form(this)" method="post"

Email: input type="text" name="email" size="30"

input type="submit" value="Submit"

/form

/body

/html

E-mail 验证

下面的函数检查输入的数据是否符合电子邮件地址的基本语法。

意思就是说，输入的数据必须包含 @ 符号和点号(.)。同时，@ 不可以是邮件地址的首字符，并且 @ 之后需有至少一个点号：

function validate_email(field,alerttxt)

{

with (field)

{

apos=value.indexOf("@")

dotpos=value.lastIndexOf(".")

if (apos1||dotpos-apos2)

 {alert(alerttxt);return false}

else {return true}

}

}

下面是连同 HTML 表单的完整代码：

html

head

script type="text/javascript"function validate_email(field,alerttxt)

{

with (field)

{

apos=value.indexOf("@")

dotpos=value.lastIndexOf(".")

if (apos1||dotpos-apos2)

 {alert(alerttxt);return false}

else {return true}

}

}

function validate_form(thisform)

{

with (thisform)

{

if (validate_email(email,"Not a valid e-mail address!")==false)

 {email.focus();return false}

}

}/script

/head

body

form action="submitpage.htm"onsubmit="return validate_form(this);" method="post"

Email: input type="text" name="email" size="30"

input type="submit" value="Submit"

/form

/body

/html

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