用javascript写表单代码(悬赏80!请会javascript的高手帮我帮我做一个验证表单代码,要求如下图,html代码我贴在下面,谢谢!)
本文目录
- 悬赏80!请会javascript的高手帮我帮我做一个验证表单代码,要求如下图,html代码我贴在下面,谢谢!
- 求高手帮写一个javascript 表单验证程序 急啊!!
- JavaScript 表单
- js表单验证代码怎么写
- 网页上做一个表单“用户名、密码、“点击“提交“的javascript代码是什么
- 如何通过javascript脚本在一个HTML页面上创建一个表格,并且能对表格内容进行编辑
- 用JavaScript制作一个表单
- 求javascript表单验证的代码
悬赏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;
}
更多文章:
快速排序算法是基于回溯的一种排序算法(大学六种程序员实用算法推荐)
2026年4月29日 21:00
cellspacing属性的默认值是(html中cellspacing属性的默认值是多少,单元格间距!!)
2026年4月29日 20:40
sqlserver建立数据库(如何创建**LSERVER数据库维护计划)
2026年4月29日 20:20
查询重复数据sql(sql语句如何查询一个表中某一列的相同数据)
2026年4月29日 19:40
oracle认证难考吗(oracle认证大师报名条件有哪些)
2026年4月29日 19:20
pgis全球总决赛2021(PGC2021即将盛大开幕!PCL五剑客共同出征剑指荣耀!)
2026年4月29日 18:40





