可不可以这样:
function ssubmit(){
/
1:获取表单里面的所有元素。
2:循环获取所有元素的输入信息,重写构成一个字符串,保存输入信息。
如:<input type="text" name="textfield372" value="输入的值"/>
3:处理完所有元素,将得到一个关于表单信息的长字符串,在作为隐藏字段的值。
如:长字符串
:<form ><input type="text" name="textfield372" value="输入的值"/><input type="text" name="textfield372" value="输入的值"/></form>
4:同时注意,这个长字符串的值需要特殊处理,如里面的双引号。。。
/
documentform1submit();
}
可以使用后端动态生成这个input的value值,也可以用js生成,后端不知到你用的是什么语言,就给一个js生成的例子吧:
<input type='text' name='bmtime' id='Clock' style='width:145px' class='text' />
<script>
<!--
windowonload = function(){
documentgetElementById("Clock")value=(new Date())getTime();
}
//-->
</script>
月份是从0起算的(也就是说0是1月,1是2月……11是12月),所以new Date(2020,5,1)得到的是2020年6月1日,new Date(2020,5,0)得到的是2020年5月31日
value
属性为
input
元素设定值,表单的值一般是元素的value属性:
假设有以下form,拥有一个input字段(带空值预定义)以及一个提交按钮
:
提取表单值代码:
提交之后获取的结果是:
空值:
不为空:
扩展资料:
value
属性为
input
元素设定值。对于不同的输入类型,value
属性的用法也不同:
(1)type="button",
"reset",
"submit"
-
定义按钮上的显示的文本;
(2)type="text",
"password",
"hidden"
-
定义输入字段的初始值;
(3)type="checkbox",
"radio",
"image"
-
定义与输入相关联的值;
参考资料:
这个控件我也用过
下面是我修改过的代码 我能测试通过
主要修改的地方是 获取对象元素的方法由name改成id
////////////////////下面代码
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 40 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<script>
var myC_x,myC_y;
var myC_timeset=null,myC_timeset1=null;
var divObj=null;
var inputName;
function myCalendar() //构建对象
{
var myDate = new Date();
thisyear = myDategetFullYear();
thismonth = myDategetMonth()+1;
thisdate = myDategetDate();
thisformat="yyyy-mm-dd";
thisstyle = myStyle(1);
thisshow = createCalendar;
thisinput = createInput;
}
function myStyle(num) //设置样式
{
if(!num||isNaN(num)){alert('参数不对,采用默认样式!');num=1;}
var style = new Array();
style[1]="week{background-color:#DfDfff;font-size:12px;width:140px;}"
+"ds{width:140px;font-size:12px;cursor:hand}"
+"mover{border:1px solid black;background-color:#f4f4f4;}"
+"move1{border:1px solid #5d5d5d;background-color:#f4f4f4;color:#909eff;font-size:12px}"
+"tit{background-color:#909EFF;width:140px;font-size:12px;color:white;cursor:default}"
+"cs{position:absolute;border:1px solid #909eff;width:142px;left:0px;top:0px;z-index:9999;}"
+"shadow{position:absolute;left:0px;top:0px;font-family: Arial Black;font-size:50px;color:#d4d4d4;z-index:1;text-align:center;}";
documentwrite("<style type='text/css'>");
documentwrite(style[num]);
documentwrite("</style>");
}
function createCalendar()
{
var week = new Array('日','一','二','三','四','五','六');
documentwrite("<div class='cs' onselectstart='return false' oncontextmenu='return false' onmousedown='if(eventbutton==2)thisstyledisplay=\"none\"' id='myC_div'><div class='shadow'></div><div style='position:absolute;left:0px;top:0px;z-index:1'>");
//创建头部
documentwrite("<table class='tit' id='myC_Top' onmousedown='myC_x=eventx-parentNodeparentNodestylepixelLeft;myC_y=eventy-parentNodeparentNodestylepixelTop;setCapture()' onmouseup='releaseCapture();' onmousemove='myCMove(thisparentElementparentElement);'><tr><td width=10 onmouseover='thisstylecolor=\"black\"' onmouseout='thisstylecolor=\"\"' onclick='cutYear()' style='font-family: Webdings;cursor:hand;' title='减少年份'>7</td><td title='减少月份' onmouseover='thisstylecolor=\"black\"' onclick='cutMonth()' onmouseout='thisstylecolor=\"\"' width=10 style='font-family: Webdings;cursor:hand;'>3</td><td align=center onmouseover=thisclassName='move1'; onmouseout=thisclassName='';divHidden(myCparentElementnextSibling); onclick='createyear("+thisyear+",this);divShow(myCparentElementnextSibling);'></td><td align=center onclick='createmonth("+thismonth+",this);divShow(myCparentElementnextSibling)' onmouseover=thisclassName='move1'; onmouseout=thisclassName='';divHidden(myCparentElementnextSibling);></td><td width=10 onmouseover='thisstylecolor=\"black\"' onmouseout='thisstylecolor=\"\"' onclick='addMonth()' style='font-family: Webdings;cursor:hand;' title='增加月份'>4</td><td width=10 style='font-family: Webdings;cursor:hand;' onmouseover='thisstylecolor=\"black\"' onmouseout='thisstylecolor=\"\"' onclick='addYear()' title='增加年份'>8</td></tr></table>");
//创建星期条目
documentwrite("<table class='week'><tr>");
for(i=0;i<7;i++)
documentwrite("<td align=center>"+week[i]+"</td>");
documentwrite("</tr></table>");
//创建日期条目
documentwrite("<table class='ds' id='myC' cellspacing=2 cellpadding=0>");
for(i=0;i<6;i++)
{
documentwrite("<tr>");
for(j=0;j<7;j++)
documentwrite("<td width=10% height=16 align=center onmouseover='mOver(this)' onmouseout='mOut(this)' onclick='if(thisinnerText!=\"\")getValue(inputName,thisinnerText);myC_divstyledisplay=\"none\"'></td>");
documentwrite("</tr>");
}
documentwrite("</table>");
//建建水印
documentwrite("</div>");
//创建选择图层
documentwrite("<div style='position:absolute;left:0px;top:0px;z-index:3' onmouseover=divShow(this) onmouseout=divHidden(this)></div>");
documentwrite("</div>");
//显示日期
showDate(thisyear,thismonth);
myC_divstyledisplay='none';
}
function getValue(obj,value)
{
var tonylinzhen=documentgetElementById(obj);
tonylinzhenvalue=parseInt(myC_Topcells[2]innerText)+"-"+parseInt(myC_Topcells[3]innerText)+"-"+value;
}
function showDate(year,month)
{
var myDate = new Date(year,month-1,1);
var today = new Date();
var day = myDategetDay();
var length = new Array(31,30,31,30,31,30,31,31,30,31,30,31);
length[1] = ((year%4==0)&&(year%100!=0)||(year%400==0))29:28;
for(i=0;i<myCcellslength;i++)myCcells[i]innerHTML = "";
for(i=0;i<length[month-1];i++)
{
myCcells[i+day]innerHTML = (i+1);
if(new Date(year,month-1,i+1)getDay()==6||new Date(year,month-1,i+1)getDay()==0){myCcells[i+day]stylecolor='red';}
}
myC_Topcells[2]innerText=year+"年";
myC_Topcells[3]innerText=month+"月";
with(myCparentNodepreviousSiblingstyle)
{
pixelLeft=myCoffsetLeft;
pixelTop=myCoffsetTop;
height = myCclientHeight;
width = myCclientWidth;
}
myCparentElementparentElementstyleheight=myCparentElementoffsetHeight;
myCparentElementpreviousSiblinginnerHTML=year;
}
//一些附加函数--------------------
//---------Begin-------------------
function mOver(obj){objclassName = 'mover';}
function mOut(obj){if(objclassName=='mover')objclassName = '';}
function addYear(){var year = parseInt(myC_Topcells[2]innerText);var month = parseInt(myC_Topcells[3]innerText); year++;showDate(year,month);}
function addMonth(){var year = parseInt(myC_Topcells[2]innerText);var month = parseInt(myC_Topcells[3]innerText);month++;if(month>12){month=1;year++;}showDate(year,month);}
function cutYear(){var year = parseInt(myC_Topcells[2]innerText);var month = parseInt(myC_Topcells[3]innerText);year--;showDate(year,month);}
function cutMonth(){var year = parseInt(myC_Topcells[2]innerText);var month = parseInt(myC_Topcells[3]innerText);month--;if(month<1){month=12;year--;}showDate(year,month);}
function divS(obj)
{
if(obj!=divObj)
{
objstylebackgroundColor="#909eff";
objstylecolor='black';
}
if(divObj!=null)
{
divObjstylebackgroundColor='';
divObjstylecolor='';
}
divObj = obj;
}
function divShow(obj)
{ if (myC_timeset!=null) clearTimeout(myC_timeset);
objstyledisplay='block';
}
function divHidden(obj){myC_timeset=windowsetTimeout(function(){objstyledisplay='none'},500);}
function createyear(year,obj)//创建年份选择
{
var ystr;
var oDiv;
ystr="<table class='move1' cellspacing=0 cellpadding=2 width="+objoffsetWidth+">";
ystr+="<tr><td style='cursor:hand' onclick='createyear("+(year-20)+",myC_Topcells[2])' align=center>上翻</td></tr>";
for(i=year-10;i<year+10;i++)
if(year==i)
ystr+="<tr style='background-color:#909eff'><td style='color:black;height:16px;cursor:hand' align=center onclick='myC_Topcells[2]innerText=thisinnerText;showDate("+i+",parseInt(myC_Topcells[3]innerText));myCparentElementnextSiblinginnerHTML=\"\"'>"+i+"年</td></tr>";
else
ystr+="<tr><td align=center style='cursor:hand' onmouseover=divS(this) onclick='myC_Topcells[2]innerText=thisinnerText;showDate("+i+",parseInt(myC_Topcells[3]innerText));myCparentElementnextSiblinginnerHTML=\"\"'>"+i+"年</td></tr>";
ystr+="<tr><td style='cursor:hand' onclick='createyear("+(year+20)+",myC_Topcells[2])' align=center>下翻</td></tr>";
ystr+="</table>";
oDiv = myCparentElementnextSibling;
oDivinnerHTML='';
oDivinnerHTML = ystr;
showDiv(oDiv,objoffsetTop+objoffsetHeight,objoffsetLeft);
}
function createmonth(month,obj)//创建月份选择
{
var mstr;
var oDiv;
mstr="<table class='move1' cellspacing=0 cellpadding=2 width="+(objoffsetWidth+5)+">";
for(i=1;i<13;i++)
if (month==i)
mstr+="<tr style='background-color:#909eff'><td style='color:black;height:16px;cursor:hand' align=center onclick='myC_Topcells[3]innerText=thisinnerText;showDate(parseInt(myC_Topcells[2]innerText),"+i+");myCparentElementnextSiblinginnerHTML=\"\"'>"+i+"月</td></tr>";
else
mstr+="<tr><td align=center style='cursor:hand' onmouseover='divS(this)' onclick='myC_Topcells[3]innerText=thisinnerText;showDate(parseInt(myC_Topcells[2]innerText),"+i+");myCparentElementnextSiblinginnerHTML=\"\"'>"+i+"月</td></tr>";
mstr+="</table>";
oDiv = myCparentElementnextSibling;
oDivinnerHTML='';
oDivinnerHTML = mstr;
showDiv(oDiv,objoffsetTop+objoffsetHeight,objoffsetLeft);
}
function showDiv(obj,top,left)
{
objstylepixelTop=top;
objstylepixelLeft=left;
}
function myCMove(obj)
{
if(eventbutton==1)
{
var X = objclientLeft;
var Y = objclientTop;
objstylepixelLeft= X+(eventx-myC_x);
objstylepixelTop= Y+(eventy-myC_y);
windowstatus=myC_y;
}
}
function showDiv2(obj)
{
inputName=objid;
var e=obj;
var ot = objoffsetTop;
var ol=objoffsetLeft;
while(obj=objparentElement){ot+=objoffsetTop;ol+=objoffsetLeft;}
myC_divstylepixelTop=ot+eoffsetHeight;
myC_divstylepixelLeft=ol;
myC_divstyledisplay="block";
}
function createInput(name)
{myC_divstyledisplay='none';
documentwrite("<input type='text' id='"+name+"' size=20 onfocus='showDiv2(this)'>");
}
// --------------End ---------------------
</script>
<script>
var myCalendar=new myCalendar;
myCalendaryear=2009;
myCalendarshow();
myCalendarinput("txt1");
</script>
</HEAD>
<BODY>
<form>
<input type="text" id="test" onfocus="showDiv2(this)" readonly=true>
</form>
</BODY>
</HTML>
这个,如果你接触过java,或者是sql语句的话就知道表示日期有很多格式(先不说分隔符多,光不同国家的标准来说也有很多),而且如果应用的话会根据需要判断某个字符串是否符合日期格式,所以无法给出答案。
不过用js判断日期除了你知道日期的格式,然后自己编写字符串处理及判断的方法以外,还有就是“正则表达式”(在字符串匹配中,这个非学不可)了。
我给你找了几个你看哪个是你需要的。
>
以上就是关于js 获取整个表单全部的内容,包括:js 获取整个表单、在html表单提交时间(时间如何自动获取)、js 使用Date(yyyy, MM, dd)构造函数创建的日期对象问题等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)