javascript进行表单验证（使用 JavaScript对表单页面进行信息输入验证求详细代码）

：暂无数据 2026-07-10 06:30:05 ：1

javascript进行表单验证（使用 JavaScript对表单页面进行信息输入验证求详细代码）

大家好，javascript进行表单验证相信很多的网友都不是很明白，包括使用 JavaScript对表单页面进行信息输入验证求详细代码也是一样，不过没有关系，接下来就来为大家分享关于javascript进行表单验证和使用 JavaScript对表单页面进行信息输入验证求详细代码的一些知识点，大家可以关注收藏，免得下次来找不到哦，下面我们开始吧！

本文目录

使用 JavaScript对表单页面进行信息输入验证求详细代码

《!DOCTYPE HTML》
《html》
《head》
《meta charset="UTF-8" /》
《title》信息统计表《/title》
《style type="text/css"》
table {
margin: 0 auto;
border: 1px solid black;
border-collapse: collapse;
border-spacing: 0px;
}
th {
font: bolder 22px console;
text-align: center;
}
td {
text-align: left;
border: 1px solid black;
}
《/style》
《script type="text/javascript"》
var submitInfo = function(info)
{
var chineseRegExp = /^+$/;
var ageRegExp = /^\d*$/;
var trimRegExp = /^\s*|\s*$/;
var isCheckedFavo = false;
var favourite = info.favourite;
for ( var i = 0; i 《 favourite.length; i++)
        {
        if (favourite.checked)
            {
            isCheckedFavo = true;
            break;
            }
        } 
var name = info.xm.value.replace(trimRegExp, "");
var age = info.age.value.replace(trimRegExp, "");
var describe = info.describe.value.replace(trimRegExp, "");
if (!chineseRegExp.test(name))
        {
        alert("您的姓名有误 !");
        return false;
        }
else if (!ageRegExp.test(age))
        {
        alert("您的年龄有误 !");
        return false;
        }
else if (!isCheckedFavo)
        {
        alert("您没有勾选爱好 !");
        return false;
        }
else if ("" == describe)
        {
        alert("您忘了写自我介绍了 !");
        return false;
        }
else 
{
return true;
}
}
《/script》
《/head》
《body style="text-align: center;"》
《form name="info" action="." method="get" onsubmit="return submitInfo(this);"》
《table》
《thead》
《tr》
《th colspan="2"》信息统计表《/th》
《/tr》
《/thead》
《tbody》
《tr》
《td》姓名：《/td》
《td》《input type="text" name="xm" /》
《/td》
《/tr》
《tr》
《td》年龄：《/td》
《td》《input type="text" name="age" /》
《/td》
《/tr》
《tr》
《td》性别：《/td》
《td》
《label》《input type="radio" name="gender" checked="checked" /》男《/label》 
《label》《input type="radio" name="gender" /》女《/label》《/td》
《/tr》
《tr》
《td》爱好：《/td》
《td》
《label》《input type="checkbox" name="favourite" value="旅游" /》旅游《/label》
《label》《input type="checkbox" name="favourite" value="登山" /》登山《/label》
《label》《input type="checkbox" name="favourite" value="健身" /》健身《/label》
《label》《input type="checkbox" name="favourite" value="上网" /》上网《/label》
《label》《input type="checkbox" name="favourite" value="游泳" /》游泳《/label》
《/td》
《/tr》
《tr》
《td》学历：《/td》
《td》
《select name="history"》
《option value="小学"》小学《/option》
《option value="初中" selected="selected"》初中《/option》
《option value="高中"》高中《/option》
《option value="大学"》大学《/option》
《/select》
《/td》
《/tr》
《tr》
《td》自我介绍：《/td》
《td》
《textarea rows="10" cols="40" name="describe"》《/textarea》
《/td》
《/tr》
《tr》
《td colspan="2" style="text-align: center;"》
《input type="submit" value="提交" /》
《input type="reset" value="重置" /》
《/td》
《/tr》
《/tbody》
《/table》
《/form》
《/body》
《/html》

关于javascript表单验证

function validate_required(field, alerttxt) {
    with(field) { // 上下文变成field
        // 这里value 是 field.value
        if (value == null || value == "") { // 假如value是空的
            alert(alerttxt); // 弹出提示信息
            return false // 返回false
        } else {
            return true  // 假如不是空的，返回true
        }
    }
}
function validate_form(thisform) {
    with(thisform) { // 上下文变成thisform
        // 这里email 是 thisform.email
        if (validate_required(email, "Email must be filled out!") == false) { // 如果validate_required函数返回false
            email.focus(); // email获取焦点
            return false // 返回false
        }
    }
}

怎么利用js做表单验证

使用正则表达式，你需要掌握正则表达式的基本语法。这里一言难尽，可以在网上找一些教程。

下面是js中正则表达式的基本用法：

/^\w+$/.test(’jim2012’);
’jim2012’.match(/^\w+$/);

在用户提交表单时，会触发表单的submit事件。可以利用这个事件，在提交表单前验证表单数据，决定是否提交表单。下面是jQuery实现的简单表单验证：

$(’#form1’).submit(function(){
    var username = $(’#username’).val();
    if (!/^\w+$/.test(username)) {
        alert(’Invalid username.’);
        return false;
    }
    return true;
});

在实践中我推荐使用jquery.validate插件进行表单验证，这样比较方便。具体请参考它的官方文档。

望采纳，谢谢支持！

表单验证怎么做

用JavaScript 数据即可做。

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

二、下面的函数用来检查用户是否已填写表单中的必填（或必选）项目。假如必填或必选项为空，那么警告框会弹出，并且函数的返回值为 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》

javascript验证表单问题

function IniEvents() {
    var inputs = document.getElementsByTagName("input");
    for (var i = 0; i 《 inputs.length; i++) {
        if (inputs.type == "text") {
            //设置txtOnBlur函数为input元素的onblur事件的响应函数
            inputs.onblur = txtOnBlur;
            if(inputs.value == ’’){
                inputs.style.backgroundColor = ’red’;
            }
        }
    }
}

求javascript表单验证大全

JavaScript验证表单大全
《script》
/*
用途：校验ip地址的格式
输入：strIP：ip地址
返回：如果通过验证返回true,否则返回false；

*/
function isIP(strIP) {
if (isNull(strIP)) return false;
var re=/^(\d+)\.(\d+)\.(\d+)\.(\d+)$/g //匹配IP地址的正则表达式
if(re.test(strIP))
{
if( RegExp.$1 《256 && RegExp.$2《256 && RegExp.$3《256 && RegExp.$4《256) return true;
}
return false;
}

/*
用途：检查输入字符串是否为空或者全部都是空格
输入：str
返回：
如果全是空返回true,否则返回false
*/
function isNull( str ){
if ( str == "" ) return true;
var regu = "^+$";
var re = new RegExp(regu);
return re.test(str);
}
/*
用途：检查输入对象的值是否符合整数格式
输入：str 输入的字符串
返回：如果通过验证返回true,否则返回false

*/
function isInteger( str ){
var regu = /^{1,}$/;
return regu.test(str);
}

/*
用途：检查输入手机号码是否正确
输入：
s：字符串
返回：
如果通过验证返回true,否则返回false

*/
function checkMobile( s ){
var regu =/^{9}$/;
var re = new RegExp(regu);
if (re.test(s)) {
return true;
}else{
return false;
}
}
/*
用途：检查输入字符串是否符合正整数格式
输入：
s：字符串
返回：
如果通过验证返回true,否则返回false

*/
function isNumber( s ){
var regu = "^+$";
var re = new RegExp(regu);
if (s.search(re) != -1) {
return true;
} else {
return false;
}
}

/*
用途：检查输入字符串是否是带小数的数字格式,可以是负数
输入：
s：字符串
返回：
如果通过验证返回true,否则返回false

*/
function isDecimal( str ){
if(isInteger(str)) return true;
var re = /^+(\d+)$/;
if (re.test(str)) {
if(RegExp.$1==0&&RegExp.$2==0) return false;
return true;
} else {
return false;
}
}

/*
用途：检查输入对象的值是否符合端口号格式
输入：str 输入的字符串
返回：如果通过验证返回true,否则返回false

*/
function isPort( str ){
return (isNumber(str) && str《65536);
}

/*
用途：检查输入对象的值是否符合E-Mail格式
输入：str 输入的字符串
返回：如果通过验证返回true,否则返回false

*/
function isEmail( str ){
var myReg = /^{2,3}$/;
if(myReg.test(str)) return true;
return false;
}

/*
用途：检查输入字符串是否符合金额格式
格式定义为带小数的正数，小数点后最多三位
输入：
s：字符串
返回：
如果通过验证返回true,否则返回false

*/
function isMoney( s ){
var regu = "^{0,3}$";
var re = new RegExp(regu);
if (re.test(s)) {
return true;
} else {
return false;
}
}
/*
用途：检查输入字符串是否只由英文字母和数字和下划线组成
输入：
s：字符串
返回：
如果通过验证返回true,否则返回false

*/
function isNumberOr_Letter( s ){//判断是否是数字或字母

var regu = "^+$";
var re = new RegExp(regu);
if (re.test(s)) {
return true;
}else{
return false;
}
}
/*
用途：检查输入字符串是否只由英文字母和数字组成
输入：
s：字符串
返回：
如果通过验证返回true,否则返回false

*/
function isNumberOrLetter( s ){//判断是否是数字或字母

var regu = "^+$";
var re = new RegExp(regu);
if (re.test(s)) {
return true;
}else{
return false;
}
}
/*
用途：检查输入字符串是否只由汉字、字母、数字组成
输入：
value：字符串
返回：
如果通过验证返回true,否则返回false

*/
function isChinaOrNumbOrLett( s ){//判断是否是汉字、字母、数字组成

var regu = "^+$";
var re = new RegExp(regu);
if (re.test(s)) {
return true;
}else{
return false;
}
}

/*
用途：判断是否是日期
输入：date：日期；fmt：日期格式
返回：如果通过验证返回true,否则返回false
*/
function isDate( date, fmt ) {
if (fmt==null) fmt="yyyyMMdd";
var yIndex = fmt.indexOf("yyyy");
if(yIndex==-1) return false;
var year = date.substring(yIndex,yIndex+4);
var mIndex = fmt.indexOf("MM");
if(mIndex==-1) return false;
var month = date.substring(mIndex,mIndex+2);
var dIndex = fmt.indexOf("dd");
if(dIndex==-1) return false;
var day = date.substring(dIndex,dIndex+2);
if(!isNumber(year)||year》"2100" || year《 "1900") return false;
if(!isNumber(month)||month》"12" || month《 "01") return false;
if(day》getMaxDay(year,month) || day《 "01") return false;
return true;
}

function getMaxDay(year,month) {
if(month==4||month==6||month==9||month==11)
return "30";
if(month==2)
if(year%4==0&&year%100!=0 || year%400==0)
return "29";
else
return "28";
return "31";
}

/*
用途：字符1是否以字符串2结束
输入：str1：字符串；str2：被包含的字符串
返回：如果通过验证返回true,否则返回false

*/
function isLastMatch(str1,str2)
{
var index = str1.lastIndexOf(str2);
if(str1.length==index+str2.length) return true;
return false;
}
/*
用途：字符1是否以字符串2开始
输入：str1：字符串；str2：被包含的字符串
返回：如果通过验证返回true,否则返回false

*/
function isFirstMatch(str1,str2)
{
var index = str1.indexOf(str2);
if(index==0) return true;
return false;
}

/*
用途：字符1是包含字符串2
输入：str1：字符串；str2：被包含的字符串
返回：如果通过验证返回true,否则返回false

*/
function isMatch(str1,str2)
{
var index = str1.indexOf(str2);
if(index==-1) return false;
return true;
}
/*
用途：检查输入的起止日期是否正确，规则为两个日期的格式正确，
且结束如期》=起始日期
输入：
startDate：起始日期，字符串
endDate：结束如期，字符串
返回：
如果通过验证返回true,否则返回false

*/
function checkTwoDate( startDate,endDate ) {
if( !isDate(startDate) ) {
alert("起始日期不正确!");
return false;
} else if( !isDate(endDate) ) {
alert("终止日期不正确!");
return false;
} else if( startDate 》 endDate ) {
alert("起始日期不能大于终止日期!");
return false;
}
return true;
}

/*
用途：检查输入的Email信箱格式是否正确
输入：
strEmail：字符串
返回：
如果通过验证返回true,否则返回false

*/
function checkEmail(strEmail) {
//var emailReg = /^{2,3}$/;
var emailReg = /^+)+$/;
if( emailReg.test(strEmail) ){
return true;
}else{
alert("您输入的Email地址格式不正确！");
return false;
}
}
/*
用途：检查输入的电话号码格式是否正确
输入：
strPhone：字符串
返回：
如果通过验证返回true,否则返回false

*/
function checkPhone( strPhone ) {
var phoneRegWithArea = /^{5,10}$/;
var phoneRegNoArea = /^{5,8}$/;
var prompt = "您输入的电话号码不正确!"
if( strPhone.length 》 9 ) {
if( phoneRegWithArea.test(strPhone) ){
return true;
}else{
alert( prompt );
return false;
}
}else{
if( phoneRegNoArea.test( strPhone ) ){
return true;
}else{
alert( prompt );
return false;
}
}
}
《/script》
《form name=a onsubmit="return checkPhone(document.a.b.value);"》
《INPUT TYPE="text" NAME="b"》
《input type="submit" name="Submit" value="check"》
《/form》

js怎么写表单验证

1. 长度限制
《script》
function test()
{
if(document.a.b.value.length》50)
{
alert(”不能超过50个字符！”);
document.a.b.focus();
return false;
}
}
《/script》
《form name=a onsubmit=”return test()”》
《textarea name=”b” cols=”40〃 wrap=”VIRTUAL” rows=”6〃》《/textarea》
《input type=”submit” name=”Submit” value=”check”》
《/form》
2. 只能是汉字
《input onkeyup=”value=”/oblog/value.replace(//g,”)”》
3.” 只能是英文
《script language=javascript》
function onlyEng()
{
if(!(event.keyCode》=65&&event.keyCode《=90))
event.returnvalue=false;
}
《/script》
《input onkeydown=”onlyEng();”》
4. 只能是数字
《script language=javascript》
function onlyNum()
{
if(!((event.keyCode》=48&&event.keyCode《=57)||(event.keyCode》=96&&event.keyCode《=105)))
//考虑小键盘上的数字键
event.returnvalue=false;
}
《/script》
《input onkeydown=”onlyNum();”》
5. 只能是英文字符和数字
《input onkeyup=”value=”/oblog/value.replace(//g,”))”》
6. 验证邮箱格式
《SCRIPT LANGUAGE=javascript RUNAT=Server》
function isEmail(strEmail) {
if (strEmail.search(/^\w+((-\w+)|(\.\w+))*\@+$/) != -1)
return true;
else
alert(”oh”);
}
《/SCRIPT》
《input type=text onblur=isEmail(this.value)》
7. 屏蔽关键字(这里屏蔽***和****)
《script language=”javascript1.2〃》
function test() {
if((a.b.value.indexOf (”***”) == 0)||(a.b.value.indexOf (”****”) == 0)){
alert(”:)”);
a.b.focus();
return false;}
}
《/script》
《form name=a onsubmit=”return test()”》
《input type=text name=b》
《input type=”submit” name=”Submit” value=”check”》
《/form》
8. 两次输入密码是否相同
《FORM METHOD=POST ACTION=”"》
《input type=”password” id=”input1〃》
《input type=”password” id=”input2〃》
《input type=”button” value=”test” onclick=”check()”》
《/FORM》
《script》
function check()
{
with(document.all){
if(input1.value!=input2.value)
{
alert(”false”)
input1.value = “”;
input2.value = “”;
}
else document.forms.submit();
}
}
《/script》
够了吧 :)
屏蔽右键 很酷
oncontextmenu=”return false” ondragstart=”return false” onselectstart=”return false”
加在body中
二
2.1 表单项不能为空
《script language=”javascript”》
《!–
function CheckForm()
{
if (document.form.name.value.length == 0) {
alert(”请输入您姓名!”);
document.form.name.focus();
return false;
}
return true;
}
–》
《/script》
2.2 比较两个表单项的值是否相同
《script language=”javascript”》
《!–
function CheckForm()
if (document.form.PWD.value != document.form.PWD_Again.value) {
alert(”您两次输入的密码不一样！请重新输入.”);
document.ADDUser.PWD.focus();
return false;
}
return true;
}
–》
《/script》
2.3 表单项只能为数字和”_”,用于电话/银行帐号验证上,可扩展到域名注册等
《script language=”javascript”》
《!–
function isNumber(String)
{
var Letters = ”1234567890-”; //可以自己增加可输入值
var i;
var c;
if(String.charAt( 0 )==’-’)
return false;
if( String.charAt( String.length - 1 ) == ’-’ )
return false;
for( i = 0; i 《 String.length; i ++ )
{
c = String.charAt( i );
if (Letters.indexOf( c ) 《 0)
return false;
}
return true;
}
function CheckForm()
{
if(! isNumber(document.form.TEL.value)) {
alert(”您的电话号码不合法！”);
document.form.TEL.focus();
return false;
}
return true;
}
–》
《/script》
2.4 表单项输入数值/长度限定
《script language=”javascript”》
《!–
function CheckForm()
{
if (document.form.count.value 》 100 || document.form.count.value 《 1)
{
alert(”输入数值不能小于零大于100!”);
document.form.count.focus();
return false;
}
if (document.form.MESSAGE.value.length《10)
{
alert(”输入文字小于10!”);
document.form.MESSAGE.focus();
return false;
}
return true;
}
//–》
《/script》
2.5 中文/英文/数字/邮件地址合法性判断
《SCRIPT LANGUAGE=”javascript”》
《!–
function isEnglish(name) //英文值检测
{
if(name.length == 0)
return false;
for(i = 0; i 《 name.length; i++) {
if(name.charCodeAt(i) 》 128)
return false;
}
return true;
}
function isChinese(name) //中文值检测
{
if(name.length == 0)
return false;
for(i = 0; i 《 name.length; i++) {
if(name.charCodeAt(i) 》 128)
return true;
}
return false;
}
function isMail(name) // E-mail值检测
{
if(! isEnglish(name))
return false;
i = name.indexOf(” at ”);
j = name dot lastIndexOf(” at ”);
if(i == -1)
return false;
if(i != j)
return false;
if(i == name dot length)
return false;
return true;
}
function isNumber(name) //数值检测
{
if(name.length == 0)
return false;
for(i = 0; i 《 name.length; i++) {
if(name.charAt(i) 《 ”0〃 || name.charAt(i) 》 ”9〃)
return false;
}
return true;
}
function CheckForm()
{
if(! isMail(form.Email.value)) {
alert(”您的电子邮件不合法！”);
form.Email.focus();
return false;
}
if(! isEnglish(form.name.value)) {
alert(”英文名不合法！”);
form.name.focus();
return false;
}
if(! isChinese(form.cnname.value)) {
alert(”中文名不合法！”);
form.cnname.focus();
return false;
}
if(! isNumber(form.PublicZipCode.value)) {
alert(”邮政编码不合法！”);
form.PublicZipCode.focus();
return false;
}
return true;
}
//–》
《/SCRIPT》
2.6 限定表单项不能输入的字符
《script language=”javascript”》
《!–
function contain(str,charset)// 字符串包含测试函数
{
var i;
for(i=0;i《charset.length;i++)
if(str.indexOf(charset.charAt(i))》=0)
return true;
return false;
}
function CheckForm()
{
if ((contain(document.form.NAME.value, ”%\(\)》《”)) || (contain(document.form.MESSAGE.value, ”%\(\)》《”)))
{
alert(”输入了非法字符”);
document.form.NAME.focus();
return false;
}
return true;
}
//–》
《/script》
1. 检查一段字符串是否全由数字组成
—————————————
《script language=”Javascript”》《!–
function checkNum(str){return str.match(/\D/)==null}
alert(checkNum(”1232142141〃))
alert(checkNum(”123214214a1〃))
// –》《/script》
2. 怎么判断是否是字符
—————————————
if (//g.test(s)) alert(”含有汉字”);
else alert(”全是字符”);
3. 怎么判断是否含有汉字
—————————————
if (escape(str).indexOf(”%u”)!=-1) alert(”含有汉字”);
else alert(”全是字符”);
4. 邮箱格式验证
—————————————
//函数名：chkemail
//功能介绍：检查是否为Email Address
//参数说明：要检查的字符串
//返回值：0：不是 1：是
function chkemail(a)
{ var i=a.length;
var temp = a.indexOf(’@’);
var tempd = a.indexOf(’.’);
if (temp 》 1) {
if ((i-temp) 》 3){
if ((i-tempd)》0){
return 1;
}
}
}
return 0;
}
5. 数字格式验证
—————————————
//函数名：fucCheckNUM
//功能介绍：检查是否为数字
//参数说明：要检查的数字
//返回值：1为是数字，0为不是数字
function fucCheckNUM(NUM)
{
var i,j,strTemp;
strTemp=”0123456789〃;
if ( NUM.length== 0)
return 0
for (i=0;i《NUM.length;i++)
{
j=strTemp.indexOf(NUM.charAt(i));
if (j==-1)
{
//说明有字符不是数字
return 0;
}
}
//说明是数字
return 1;
}
6. 电话号码格式验证
—————————————
//函数名：fucCheckTEL
//功能介绍：检查是否为电话号码
//参数说明：要检查的字符串
//返回值：1为是合法，0为不合法
function fucCheckTEL(TEL)
{
var i,j,strTemp;
strTemp=”0123456789-()# “;
for (i=0;i《TEL.length;i++)
{
j=strTemp.indexOf(TEL.charAt(i));
if (j==-1)
{
//说明有字符不合法
return 0;
}
}
//说明合法
return 1;
}
7. 判断输入是否为中文的函数
—————————————
function ischinese(s){
var ret=true;
for(var i=0;i《s.length;i++)
ret=ret && (s.charCodeAt(i)》=10000);
return ret;
}
8. 综合的判断用户输入的合法性的函数
—————————————
《script language=”javascript”》
//限制输入字符的位数开始
//m是用户输入，n是要限制的位数
function issmall(m,n)
{
if ((m《n) && (m》0))
{
return(false);
}
else
{return(true);}
}
9. 判断密码是否输入一致
—————————————
function issame(str1,str2)
{
if (str1==str2)
{return(true);}
else
{return(false);}
}
10. 判断用户名是否为数字字母下滑线
—————————————
function notchinese(str){
var reg=//g
if (reg.test(str)){
return (false);
}else{
return(true); }
}
2.8. form文本域的通用校验函数
—————————————
作用：检测所有必须非空的input文本，比如姓名，账号，邮件地址等等。
该校验现在只针对文本域，如果要针对form里面的其他域对象，可以改变判断条件。
使用方法：在要检测的文本域中加入title文字。文字是在提示信息，你要提示给用户的该字段的中文名。比如要检测用户名
html如下《input name=”txt_1〃 title=”姓名”》,当然，最好用可视化工具比如dreamweaver什么的来域。
如果要检测数字类型数据的话，再把域的id统一为sz.
javascript判断日期类型比较麻烦，所以就没有做日期类型校验的程序了.高手可以补充。
程序比较草，只是提供一个思路。抛砖引玉！ ：）
哦，对了，函数调用方法：
《 form onsubmit=”return dovalidate()”》
function dovalidate()
{
fm=document.forms //只检测一个form,如果是多个可以改变判断条件
for(i=0;i《fm.length;i++)
{
//检测判断条件，根据类型不同可以修改
if(fm.title!=”"))
if(fm.value=”/blog/=”")//
{
str_warn1=fm.title+”不能为空!”;
alert(str_warn1);
fm.focus();
return false;
}
if(fm.id.toUpperCase()==”SZ”)//数字校验
{
if(isNaN(fm.value))
{ str_warn2=fm.title+”格式不对”;
alert(str_warn2);
fm.focus();
return false;
}
}
}
return true;
}

JavaScript　表单验证问题

先看下你的代码，这里有几个问题
1、表单提交时执行的函数未找到
onsubmit="return chkform(this)" 这里的chkform函数在哪里？如果 Form1_Validator 函数，要修改。
2、Form1_Validator 函数代码错误
少了一个“}”
以下是修改后的代码：
《script》
// 清除字符串两端的空白字符
function trim(str) {
return str.replace(/(^\s*)|(\s*$)/g,’’);
}
// 验证表单
function chkform(theForm){
var username=theForm.username.value;
username=trim(username);
if (username == ""){
alert("请输入用户名");
theForm.username.focus();
return false;
}
}
《/script》
// 代码结束
通常表单验证要根据是需要对表单值的格式、规则进行验证。比如用户名，多少个字符，是否可以在里面使用符号等。根据要求写出相应的正则表达式来进行匹配验证。

求高人教下小弟 如何用Javascript 验证表单！

《script Language="JavaScript"》
function CheckForm(){
var user=document.myform.user.value;
var pwd=document.myform.pwd.value;
var pwd2=document.myform.pwd2.value;
var phone=document.myform.phone.value;

if(user==""){
alert("请填写用户名！");
return false;
}
if(pwd==""){
alert("请填写密码！");
return false;
}
if(pwd != pwd2){
alert("两次密码不一致！");
return false;
}
if(phone.length 《 6){
alert("电话长度不能小于6！");
return false;
}
if(!phone.match("^*$")){
alert("联系电话必须是数字");
return false;
}
}
《/script》
《form name="myform" action="" method="post" onsubmit="return CheckForm();"》
《input type="text" name="user" /》
《input type="password" name="pwd" /》
《input type="password" name="pwd2" /》
《input name="text" name="phone" /》
《input type="submit" name="sb" value="提交" /》
《/form》

JavaScript登录验证form表单的事件触 发方式,有哪几种

有三种。JavaScript在form表单中使用button按钮实现submit提交方法,需要的朋友参考下吧使layui.jsform可主动验证表单是否通过。

如果你还想了解更多这方面的信息，记得收藏关注本站。

javascript进行表单验证（使用 JavaScript对表单页面进行信息输入验证求详细代码）

本文编辑：admin
： javascript进行表单验证
上一篇：美国职业足球联赛（美国足球职业联赛排名世界第几）
下一篇：画画单词是什么呢？画画的英语怎么写

更多文章：

怎么做网站网页归档（网页应该怎么做网页设计有哪些要求）

怎么做网站网页归档（网页应该怎么做网页设计有哪些要求）

大家好，怎么做网站网页归档相信很多的网友都不是很明白，包括网页应该怎么做网页设计有哪些要求也是一样，不过没有关系，接下来就来为大家分享关于怎么做网站网页归档和网页应该怎么做网页设计有哪些要求的一些知识点，大家可以关注收藏，免得下次来找不到哦

2026年10月11日 05:30

跷二郎腿太低好吗？想要通过贴墙站改正二郎腿影响的话，有哪些要点需要注意

跷二郎腿太低好吗？想要通过贴墙站改正二郎腿影响的话，有哪些要点需要注意

本篇文章给大家谈谈二郎腿贴地，以及跷二郎腿太低好吗对应的知识点，文章可能有点长，但是希望大家可以阅读完，增长自己的知识，最重要的是希望对各位有所帮助，可以解决了您的问题，不要忘了收藏本站喔。

2026年10月11日 05:10

易语言点击js按钮（易语言网页填表怎样点击链接为“javascript:void（0）“的按钮）

易语言点击js按钮（易语言网页填表怎样点击链接为“javascript:void（0）“的按钮）

本篇文章给大家谈谈易语言点击js按钮，以及易语言网页填表怎样点击链接为“javascript:void(0)“的按钮对应的知识点，文章可能有点长，但是希望大家可以阅读完，增长自己的知识，最重要的是希望对各位有所帮助，可以解决了您的问题，不要

2026年10月11日 03:00

regards（Regards,什么意思）

regards（Regards,什么意思）

其实regards的问题并不复杂，但是又很多的朋友都不太了解Regards,什么意思，因此呢，今天小编就来为大家分享regards的一些知识，希望可以帮助到大家，下面我们一起来看看这个问题的分析吧！

2026年10月11日 01:10

dom4j文档（如何去掉用dom4j生成的XML文档中的）

dom4j文档（如何去掉用dom4j生成的XML文档中的）

其实dom4j文档的问题并不复杂，但是又很多的朋友都不太了解如何去掉用dom4j生成的XML文档中的，因此呢，今天小编就来为大家分享dom4j文档的一些知识，希望可以帮助到大家，下面我们一起来看看这个问题的分析吧！

2026年10月11日 01:00

compare with造句（用compared with和compared to造句）

compare with造句（用compared with和compared to造句）

“compare with造句”相关信息最新大全有哪些，这是大家都非常关心的，接下来就一起看看compare with造句（用compared with和compared to造句）！

2026年10月10日 23:30

xshell软件（Xshell怎么更改字体大小）

xshell软件（Xshell怎么更改字体大小）

各位老铁们好，相信很多人对xshell软件都不是特别的了解，因此呢，今天就来为大家分享下关于xshell软件以及Xshell怎么更改字体大小的问题知识，还望可以帮助大家，解决大家的一些困惑，下面一起来看看吧！

2026年10月10日 22:50

tensorflow与keras对应版本（为什么tensorflow2.8没有keras）

tensorflow与keras对应版本（为什么tensorflow2.8没有keras）

各位老铁们好，相信很多人对tensorflow与keras对应版本都不是特别的了解，因此呢，今天就来为大家分享下关于tensorflow与keras对应版本以及为什么tensorflow2.8没有keras的问题知识，还望可以帮助大家，解决

2026年10月10日 22:10

个人网站首页界面（深圳社会保险服务个人网页主页）

个人网站首页界面（深圳社会保险服务个人网页主页）

“个人网站首页界面”相关信息最新大全有哪些，这是大家都非常关心的，接下来就一起看看个人网站首页界面（深圳社会保险服务个人网页主页）！

2026年10月10日 22:00

maven仓库jar网站（如何在maven仓库中添加jar包）

maven仓库jar网站（如何在maven仓库中添加jar包）

这篇文章给大家聊聊关于maven仓库jar网站，以及如何在maven仓库中添加jar包对应的知识点，希望对各位有所帮助，不要忘了收藏本站哦。

2026年10月10日 19:50

最近更新
奋达科技历史交易记录（奋达的发展历程）
奋达科技历史交易记录（奋达的发展历程）
2026-10-11 10:20:03 浏览：0
荣耀8x现在还值多少钱（华为荣耀8X现在多少钱）
荣耀8x现在还值多少钱（华为荣耀8X现在多少钱）
2026-10-11 10:10:24 浏览：0
oppo r813t卡刷包（oppo r813s可以刷r813t刷机包）
oppo r813t卡刷包（oppo r813s可以刷r81
2026-10-11 10:00:25 浏览：0
游戏代理是怎么赚钱的如何代理游戏（如何做手游代理）
游戏代理是怎么赚钱的如何代理游戏（如何做手游代理）
2026-10-11 09:50:15 浏览：0
雷电模拟器改ip地址（夜深安卓模拟器怎么切换ip，只能是手动换吗）
雷电模拟器改ip地址（夜深安卓模拟器怎么切换ip，只能是手动
2026-10-11 09:40:40 浏览：0
网络机柜理线图与接线图（如何看懂电气原理图）
网络机柜理线图与接线图（如何看懂电气原理图）
2026-10-11 09:30:39 浏览：0
联想y460论坛（联想Y460，本来想在最近入手的，可看到论坛上有说它存在电流声，是真的吗，它还有什么问题，不要说散热了）
联想y460论坛（联想Y460，本来想在最近入手的，可看到论
2026-10-11 09:20:04 浏览：0
ihr人力资源管理系统下载（谁知道苹果公司人力资源的状况）
ihr人力资源管理系统下载（谁知道苹果公司人力资源的状况）
2026-10-11 09:10:01 浏览：0
thinkpad学生机（thinkpad学生机质量怎么样）
thinkpad学生机（thinkpad学生机质量怎么样）
2026-10-11 09:00:05 浏览：0
生死狙击游戏下载（生死狙击2在哪下载）
生死狙击游戏下载（生死狙击2在哪下载）
2026-10-11 08:50:01 浏览：0
热门文章
怎么永久禁用win10更新（Win10自动更新如何永久关闭）
怎么永久禁用win10更新（Win10自动更新如何永久关闭）
2026-08-17 04:10:01 浏览：26
蜜柚在线观看网（蜜柚直播改成什么啦）
蜜柚在线观看网（蜜柚直播改成什么啦）
2026-08-05 07:50:02 浏览：19
黑豹加速器官网（黑豹加速是干什么的）
黑豹加速器官网（黑豹加速是干什么的）
2026-07-23 17:40:01 浏览：19
国际免费b站（哔哩哔哩国际版支持免流量吗）
国际免费b站（哔哩哔哩国际版支持免流量吗）
2026-07-04 19:30:01 浏览：16
苹果手机受监督管理（iphone监管机如何查看）
苹果手机受监督管理（iphone监管机如何查看）
2026-07-11 14:50:19 浏览：15
by网站域名444（444ppp现在是什么域名）
by网站域名444（444ppp现在是什么域名）
2026-08-19 20:20:31 浏览：13
七巧板拼正方形（七巧板怎样拼成正方形）
七巧板拼正方形（七巧板怎样拼成正方形）
2026-07-02 09:00:01 浏览：13
韩国大片视频mv（韩国20个感人mv）
韩国大片视频mv（韩国20个感人mv）
2026-07-11 13:10:02 浏览：12
微信连不上网络怎么设置（微信连不上网怎么回事）
微信连不上网络怎么设置（微信连不上网怎么回事）
2026-07-19 02:30:01 浏览：12
韩国成品网站源码（如何利用源代码做网站如何利用源代码做网站推广）
韩国成品网站源码（如何利用源代码做网站如何利用源代码做网站推
2026-06-29 09:30:02 浏览：11
标签列表