用javascript写表单代码(悬赏80!请会javascript的高手帮我帮我做一个验证表单代码,要求如下图,html代码我贴在下面,谢谢!)

:暂无数据 2026-04-29 21:40:02 0
当我们讨论用javascript写表单代码时,我们真正需要关注的是什么?很多高手的答案都指向了:悬赏80!请会javascript的高手帮我帮我做一个验证表单代码,要求如下图,html代码我贴在下面,谢谢!。为什么?

本文目录

悬赏80!请会javascript的高手帮我帮我做一个验证表单代码,要求如下图,html代码我贴在下面,谢谢!

function getValue(id){
    return *****(id).value;
}
function checkForm(){
    if(!getValue(’textfield’) || !getValue(’textfield2’) || !getValue(’textfield3’) || !getValue(’textfield5’)){//任何一个是空的
        return false;
    }else if(getValue(’textfield’).length》8 || getValue(’textfield’).match(//)){
        return false;
    }else if(getValue(’textfield2’)》11 || getValue(’textfield2’).match(//)){
        return false;
    }else if(getValue(’textfield3’).match(//)){
        return false;
    }
    return true;
}

调用checkForm,如果符合要求返回true否则返回false

求高手帮写一个javascript 表单验证程序 急啊!!

《!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML *** Transitional//EN"》
《html》
《head》
***隐藏网址***
《title》第二题《/title》
《script》
function check(id,focusid,mess){
if( ***** =="" ){
alert(mess);
*****();
}
}
function checkPass(){
var p1 = *****("pwdtxt");
var p2 = *****("pwdtxt2");
if( *****!="" && *****!="" ){
if( *****!=***** ){
alert("两次密码不一致");
*****="";
*****="";
*****();
}
}
}
《/script》
《/head》
《body》
《form name="myforma" method="post" action="*****" 》
《table width="92%" border="1"》
《tr》
《td colspan="4"》《div align="center"》个人信息填写《/div》《/td》
《/tr》
《tr》
《td width="22%"》《div align="right"》学号:《/div》《/td》
《td width="29%"》《input name="xhtxt" type="text" id="xhtxt" size="12" onblur="check(this,this,’学号不能为空’);" /》《/td》
《td width="16%"》《div align="right"》姓名:《/div》《/td》
《td width="33%"》《input name="xmtxt" type="text" id="xmtxt" size="12" onblur="check(this,this,’姓名不能为空’);" /》《/td》
《/tr》
《tr》
《td》《div align="right"》密码:《/div》《/td》
《td》《input name="pwdtxt" type="password" id="pwdtxt" size="12" onblur="checkPass();" /》《/td》
《td》《div align="right"》确认密码:《/div》《/td》
《td》《input name="pwdtxt2" type="password" id="pwdtxt2" size="12" onblur="checkPass();" /》《/td》
《/tr》
《tr》
《td》《div align="right"》《/div》《/td》
《td》 《/td》
《td》《div align="right"》《/div》《/td》
《td》 《/td》
《/tr》
《tr》
《td》 《/td》
《td》 《/td》
《td》《div align="right"》《/div》《/td》
《td》《input type="submit" name="Submit" value="提交" /》《/td》
《/tr》
《/table》
《/form》
《/body》
《/html》

JavaScript 表单

《!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML **** Transitional//EN"》
《html》
《head》
《title》*****《/title》

***隐藏网址***
***隐藏网址***
***隐藏网址***

《!--《link rel="stylesheet" type="text/css" href="./*****"》--》
《script type="text/javascript"》
function isChn(){
var reg = /^+$/;
if(!*****("捱三顶四")){
alert("是中文");
}else{
alert("不是中文");
}
}
《/script》
《/head》

《body》
《input type="button" name="gaowei" id="gaowei" onclick="isChn()" value="提交"》
《/body》
《/html》
我写了个小例子 你看下 然后自己结合一下

js表单验证代码怎么写

我来举个例子,很简单的
《!DOCTYPE html》
《html》
《head》
《meta charset="UTF-8"》
《title》Insert title here《/title》
《script type="text/javascript"》
function formCheck(){//表单验证
var userForm=*****;
if(*****==null||*****《=0){
alert("用户名不能为空");
return false;
}else if(*****《6||*****》20){
alert("用户名必须为6-20位");
return false;
}else if(*****==null||*****《=0){
alert("密码不能为空");
return false;;
}else if(*****《6||*****》20){
alert("密码必须为6-20位");
return false;
}else{
*****();
}
}
《/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》

网页上做一个表单“用户名、密码、“点击“提交“的javascript代码是什么

Validator = {
Require : /.+/,
Email : /^\w+(\w+)*$/,
Phone : /^((\(\d{2,3}\))|(\d{3}\-))?(\(0\d{2,3}\)|0\d{2,3}-)?\d{6,7}(\-\d{1,4})?$/,
Mobile : /^((\(\d{2,3}\))|(\d{3}\-))?13\d{9}$/,
***隐藏网址***
IdCard : "*****(value)",
Currency : /^\d+(\.\d+)?$/,
Number : /^\d+$/,
Zip : /^\d{5}$/,
QQ : /^\d{4,8}$/,
Integer : /^?\d+$/,
Double : /^?\d+(\.\d+)?$/,
English : /^+$/,
Chinese : /^+$/,
Username : /^\w{3,}$/i,
UnSafe : /^((*)|.{0,5})$|\s/,
IsSafe : function(str){return !*****(str);},
SafeString : "*****(value)",
Filter : "*****(value, getAttribute(’accept’))",
Limit : "*****(*****,getAttribute(’min’), getAttribute(’max’))",
LimitB : "*****(*****(value), getAttribute(’min’), getAttribute(’max’))",
Date : "*****(value, getAttribute(’min’), getAttribute(’format’))",
Repeat : "value == *****(getAttribute(’to’)).value",
Range : "getAttribute(’min’) 《 (value|0) && (value|0) 《 getAttribute(’max’)",
Compare : "*****(value,getAttribute(’operator’),getAttribute(’to’))",
Custom : "*****(value, getAttribute(’regexp’))",
Group : "*****(getAttribute(’name’), getAttribute(’min’), getAttribute(’max’))",
ErrorItem : ,
ErrorMessage : ,
Validate : function(theForm, mode){
var obj = theForm || *****;
var count = *****;
***** = 1;
***** = 1;
***** = obj;
for(var i=0;i《count;i++){
with(*****){
var _dataType = getAttribute("dataType");
if(typeof(_dataType) == "object" || typeof(this) == "undefined") continue;
*****(*****);
if(getAttribute("require") == "false" && value == "") continue;
switch(_dataType){
case "IdCard" :
case "Date" :
case "Repeat" :
case "Range" :
case "Compare" :
case "Custom" :
case "Group" :
case "Limit" :
case "LimitB" :
case "SafeString" :
case "Filter" :
if(!eval(this)) {
*****(i, getAttribute("msg"));
}
break;
default :
if(!*****(value)){
*****(i, getAttribute("msg"));
}
break;
}
}
}
if(***** 》 1){
mode = mode || 1;
var errCount = *****;
switch(mode){
case 2 :
for(var i=1;i《errCount;i++)
***** = "red";
case 1 :
alert(*****("\n"));
*****();
break;
case 3 :
for(var i=1;i《errCount;i++){
try{
var span = *****("SPAN");
***** = "__ErrorMessagePanel";
***** = "red";
*****(span);
***** = *****(/\d+:/,"*");
}
catch(e){alert(*****);}
}
*****();
break;
default :
alert(*****("\n"));
break;
}
return false;
}
return true;
},
limit : function(len,min, max){
min = min || 0;
max = max || *****_VALUE;
return min 《= len && len 《= max;
},
LenB : function(str){
return *****(//g,"**").length;
},
ClearState : function(elem){
with(elem){
if(***** == "red")
***** = "";
var lastNode = *****;
if(***** == "__ErrorMessagePanel")
*****(lastNode);
}
},
AddError : function(index, str){
*****;
***** = ***** + ":" + str;
},
Exec : function(op, reg){
return new RegExp(reg,"g").test(op);
},
compare : function(op1,operator,op2){
switch (operator) {
case "NotEqual":
return (op1 != op2);
case "GreaterThan":
return (op1 》 op2);
case "GreaterThanEqual":
return (op1 》= op2);
case "LessThan":
return (op1 《 op2);
case "LessThanEqual":
return (op1 《= op2);
default:
return (op1 == op2);
}
},
MustChecked : function(name, min, max){
var groups = *****(name);
var hasChecked = 0;
min = min || 1;
max = max || *****;
for(var i=groups.length-1;i》=0;i--)
if(*****) hasChecked++;
return min 《= hasChecked && hasChecked 《= max;
},
DoFilter : function(input, filter){
return new RegExp("^.+\.(?=EXT)(EXT)$".replace(/EXT/g, *****(/\s*,\s*/).join("|")), "gi").test(input);
},
IsIdCard : function(number){
var date, Ai;
var verify = "10x98765432";
var Wi = ;
var area = ;
var re = *****(/^(\d{2})\d{4}(((\d{2})(\d{2})(\d{2})(\d{3}))|((\d{4})(\d{2})(\d{2})(\d{3})))$/i);
if(re == null) return false;
if(re == "") return false;
if(***** == 12){
Ai = *****(0, 17);
date = .join("-");
}
else{
Ai = *****(0, 6) + "19" + *****(6);
date = .join("-");
}
if(!*****(date, "ymd")) return false;
var sum = 0;
for(var i = 0;i《=16;i++){
sum += *****(i) * Wi;
}
Ai += *****(sum%11);
return (***** ==15 || ***** == 18 && number == Ai);
},
IsDate : function(op, formatString){
formatString = formatString || "ymd";
var m, year, month, day;
switch(formatString){
case "ymd" :
m = *****(new RegExp("^((\\d{4})|(\\d{2}))()(\\d{1,2})\\4(\\d{1,2})$"));
if(m == null ) return false;
day = m;
month = m*1;
year = (m, 10));
break;
case "dmy" :
m = *****(new RegExp("^(\\d{1,2})()(\\d{1,2})\\2((\\d{4})|(\\d{2}))$"));
if(m == null ) return false;
day = m;
month = m*1;
year = (m, 10));
break;
default :
break;
}
if(!parseInt(month)) return false;
month = month==0 ?12:month;
var date = new Date(year, month-1, day);
return (typeof(date) == "object" && year == *****() && month == (*****()+1) && day == *****());
function GetFullYear(y){return ((y《30 ? "20" : "19") + y)|0;}
}
}
最常见的 JS验证

如何通过javascript脚本在一个HTML页面上创建一个表格,并且能对表格内容进行编辑

您好:首先动态创建表格。
定义好表格的html代码:
“《table》 《tr》 《td》单元格1《/td》 《td》单元格2《/td》 《td》单元格3《/td》 《/tr》《/table》”
然后用js的createElement()方法,或者用jqurey的$("html代码")创建元素。然后用apendchild()方法动态插入到网页中就可以了。td里面是文本框的话,默认就会有tab键移动光标等效果的,不用自己写。(自己写也可以,就是让文本框活的焦点,blur一下就行)。至于删除行和列的话,可以先的到删除行的id或者class,然后remove()一下就可以了。

用JavaScript制作一个表单

《html》
***隐藏网址***
《head》
《style type="text/css"》
div { margin: 4px auto; text-align: center; }
label { display: inline-block; text-align: right; width: 100px; margin-right: 10px; }
button { margin: 4px; }
input { width: 150px; }
《/style》
《script》
//没用使用jquery, 如果是jquery,会更容易一些。
***** = function(){
var form = *****("form");
*****("method", "post");
*****(createRow("username", "text", "用户名: "));
*****(createRow("userpwd", "password", "密码: "));
*****(createRow("reuserpwd", "password", "确认密码: "));
*****(createRow("useremail", "text", "电子邮件: "));
var div = *****("div");
var btn = *****("button");
*****("type", "button");
*****(*****("验证"));
***** = function(){ return checkform(false); }
*****(btn);
btn = *****("button");
*****("type", "submit");
*****(*****("提交"));
***** = function(){ return checkform(true); }
*****(btn);
*****(div);
*****(form);
}
function createRow(_name, _type, _text){
var div = *****("div");
*****(createLabel(_text));
*****(createTextBox(_name, _type));
return div;
}
function createTextBox(_name, _type){
var txt = *****("input");
*****("type", _type);
*****("name", _name);
return txt;
}
function createLabel(_text){
var lbl = *****("label");
*****(*****(_text));
return lbl;
}
function checkform(bln){
var form = *****;
if(***** 《 4){
alert("用户名至少包含4个字符");
return false;
}
if(***** 《 8){
alert("密码至少包含8个字符");
return false;
}
if(***** != *****){
alert("两次密码不一致");
return false;
}
if(!(/^+$/gi).test(*****)){
alert("邮箱不符要求");
return false;
}
if(!bln){ alert("验证通过"); }
return bln;
}
《/script》
《/head》
《body》
《/body》
《/html》

求javascript表单验证的代码

function checkUsername(ob)
{

var str=*****;
var patn = /^+$/;
if(*****==0)
{
*****("usernamediv").innerHTML="公司名以4-20个英文字母或数字组成(不能以数字开头,不有中文在里面!)一旦注册后不能修改!";
*****("usernamediv").className="waitvalidate";
*****="0";
return false;
}
//密码检查
function checkPassword(ob)
{

var str=*****;

var patn = /^+$/;
if(*****==0)
{
*****("passworddiv").innerHTML="密码为6-20数字和字母的组合(字母去别大小写)。不能有中文。建议采用易记难猜得组合。";
*****("passworddiv").className="waitvalidate";
*****="0";
return false;
}

if(*****》20||*****《6)
{
*****("passwordimg").innerHTML="《img src=\"images/*****\"》";
*****("passworddiv").innerHTML="密码的长度不够,密码为6-20数字和字母的组合(字母去别大小写)。不能有中文。建议采用易记难猜得组合。";
*****("passworddiv").className="unvalidate";
*****="0";
return false;
}
if(!*****(str))
{
*****("passwordimg").innerHTML="《img src=\"images/*****\"》";
*****("passworddiv").innerHTML="密码的字符格式不对,密码为6-20数字和字母的组合(字母去别大小写)。不能有中文。建议采用易记难猜得组合。";
*****("passworddiv").className="unvalidate";
*****="0";
return false;
}
*****("passwordimg").innerHTML="《img src=\"images/*****\"》";
*****("passworddiv").innerHTML="填写正确!";
*****("passworddiv").className="waitvalidate";
*****="1";
return true;
}
//密码确认检查
function checkPassworda(ob)
{

var str=*****;

var s=*****;
if(*****==0)
{
*****("password_adiv").innerHTML="请再次确认上面输入的密码!";
*****("password_adiv").className="waitvalidate";
*****_*****="0";
return false;
}
if(str!=s)
{
*****("password_aimg").innerHTML="《img src=\"images/*****\"》";
*****("password_adiv").innerHTML="您输入的密码和上面的不一样,请再次确认上面输入的密码!";
*****("password_adiv").className="unvalidate";
*****_*****="0";
return false;
}
*****("password_aimg").innerHTML="《img src=\"images/*****\"》";
*****("password_adiv").innerHTML="填写正确!";
*****("password_adiv").className="waitvalidate";
*****_*****="1";
return true;
}
//邮箱检测
function checkUseremail(ob)
{

var str=*****;
var patn=/^\w+(\w+)*$/;

if(*****==0)
{
*****("useremaildiv").innerHTML="非常重要,这个是我们和您,以及用户互相之间联系的重要方式,请务必填写一个常用的邮箱!";
*****("useremaildiv").className="waitvalidate";
*****="0";
return false;
}
if(!*****(str))
{
*****("useremailimg").innerHTML="《img src=\"images/*****\"》";
*****("useremaildiv").innerHTML="你输入的邮箱地址格式不对";
*****("useremaildiv").className="unvalidate";
*****="0";
return false;
}
*****("useremailimg").innerHTML="《img src=\"images/*****\"》";
*****("useremaildiv").innerHTML="填写正确!";
*****("useremaildiv").className="waitvalidate";
*****="1";
return true;
}

希望这篇关于用javascript写表单代码悬赏80!请会javascript的高手帮我帮我做一个验证表单代码,要求如下图,html代码我贴在下面,谢谢!的文章能帮到你。如果觉得有用,不妨点赞或分享给需要的朋友。
本文编辑:admin
下一篇:没有内容了

更多文章:


用javascript写表单代码(悬赏80!请会javascript的高手帮我帮我做一个验证表单代码,要求如下图,html代码我贴在下面,谢谢!)

用javascript写表单代码(悬赏80!请会javascript的高手帮我帮我做一个验证表单代码,要求如下图,html代码我贴在下面,谢谢!)

当我们讨论用javascript写表单代码时,我们真正需要关注的是什么?很多高手的答案都指向了:悬赏80!请会javascript的高手帮我帮我做一个验证表单代码,要求如下图,html代码我贴在下面,谢谢!。为什么?

2026年4月29日 21:40

指数运算法则(指数怎么运算啊)

指数运算法则(指数怎么运算啊)

有没有这种经历:明明想搞懂指数运算法则,却被指数怎么运算啊卡住了脖子?今天这篇文章,就是专治这种“卡脖子”问题的。

2026年4月29日 21:20

快速排序算法是基于回溯的一种排序算法(大学六种程序员实用算法推荐)

快速排序算法是基于回溯的一种排序算法(大学六种程序员实用算法推荐)

你有没有想过,快速排序算法是基于回溯的一种排序算法的关键突破口,可能就藏在大学六种程序员实用算法推荐之中?本篇内容将为你验证这个猜想。

2026年4月29日 21:00

cellspacing属性的默认值是(html中cellspacing属性的默认值是多少,单元格间距!!)

cellspacing属性的默认值是(html中cellspacing属性的默认值是多少,单元格间距!!)

“cellspacing属性的默认值是”相关信息最新大全有哪些,这是大家都非常关心的,接下来就一起看看cellspacing属性的默认值是(html中cellspacing属性的默认值是多少,单元格间距!!)!

2026年4月29日 20:40

sqlserver建立数据库(如何创建**LSERVER数据库维护计划)

sqlserver建立数据库(如何创建**LSERVER数据库维护计划)

各位老铁们好,相信很多人对sqlserver建立数据库都不是特别的了解,因此呢,今天就来为大家分享下关于sqlserver建立数据库以及如何创建**LSERVER数据库维护计划的问题知识,还望可以帮助大家,解决大家的一些困惑,下面一起来看看

2026年4月29日 20:20

网站后端源码(网站后端源码怎么抄)

网站后端源码(网站后端源码怎么抄)

当大家谈论网站后端源码时,总免不了提及网站后端源码怎么抄。它们之间究竟有何玄机?读完本文你便了然于胸。

2026年4月29日 20:00

查询重复数据sql(sql语句如何查询一个表中某一列的相同数据)

查询重复数据sql(sql语句如何查询一个表中某一列的相同数据)

大家好,关于查询重复数据sql很多朋友都还不太明白,不过没关系,因为今天小编就来为大家分享关于sql语句如何查询一个表中某一列的相同数据的知识点,相信应该可以解决大家的一些困惑和问题,如果碰巧可以解决您的问题,还望关注下本站哦,希望对各位有

2026年4月29日 19:40

oracle认证难考吗(oracle认证大师报名条件有哪些)

oracle认证难考吗(oracle认证大师报名条件有哪些)

最近,关于oracle认证难考吗的讨论又热了起来。今天咱们不绕弯子,直接切入大家最关心的oracle认证大师报名条件有哪些问题,看看它为何如此重要。

2026年4月29日 19:20

数据库设计的核心(数据库系统的核心是)

数据库设计的核心(数据库系统的核心是)

关于数据库设计的核心,有一个概念至关重要,那就是数据库系统的核心是。它为何如此重要?且听我们慢慢道来。

2026年4月29日 19:00

pgis全球总决赛2021(PGC2021即将盛大开幕!PCL五剑客共同出征剑指荣耀!)

pgis全球总决赛2021(PGC2021即将盛大开幕!PCL五剑客共同出征剑指荣耀!)

结合最近的趋势来看,pgis全球总决赛2021的热度持续攀升,而PGC2021即将盛大开幕!PCL五剑客共同出征剑指荣耀!作为其核心组成部分,讨论度更是居高不下。

2026年4月29日 18:40

最近更新

指数运算法则(指数怎么运算啊)
2026-04-29 21:20:03 浏览:0
cellspacing属性的默认值是(html中cellspacing属性的默认值是多少,单元格间距!!)
2026-04-29 20:40:01 浏览:0
热门文章

mysql insert into字段顺序问题(mysql insert into的问题)
2026-04-13 16:00:02 浏览:1
split函数 sql(求sql split函数的用法)
2026-03-26 20:40:01 浏览:1
标签列表