Dedecms模板留言板js开发

Dedecms模板留言板js开发与开发

官方dedecms留言板模板可以接受少量的留言信息只有少数字段如昵称搜索引擎如昵称电子邮件QQ留言内容。

这里描述的方式使用js方式轻松实现消息字段的扩展。

这是一个相对完整的dedecms留言板表格。

＆lt; input style=＆quot; border: none＆quot;命名=[提交＆QUOT;类型=[提交＆QUOT;类=QUOT; SUBD＆QUOT;值=[提交＆QUOT; /＆GT;

＆lt;/td＆gt;
＆lt;/tr＆gt;
＆lt;/tbody＆gt;
＆lt;/form＆gt;
＆LT; /表＆gt;

＆lt; div class=＆quot; message_bg＆quot;＆gt;＆lt;/div＆gt;
＆lt;/div＆gt;
＆lt;！ - mess_main end - ＆gt;
＆lt; div class=＆quot; list_bot＆quot;＆gt;＆lt;/div＆gt;
＆LT;/DIV＆GT;

＆LT; /形式＆GT;

可以在表单中提交大量信息。如果创建字段则需要修改数据库字段这非常耗时且费力。

使用js方法非常方便。

关键是即将到来。以下是实现表单提交的js代码：

＆lt; script type=＆quot; text/javascript＆quot;语言=QUOT; JavaScript的＆QUOT;＆GT;
＆lt;！ -
功能check_mess_info（thisForm）
{> Var str=＆quot;＆quot;
Str=str +＆quot; Unit name:＆quot; + document.getElementById（＆quot; uname＆quot;）。value +＆quot; \ n＆quot ;
Str=str +＆quot; Address:＆quot; + document.getElementById（＆quot; f2＆quot;）。value +＆quot; \ n＆quot ;
Str=str +＆quot; Company Address:＆quot; + document.getElementById（＆quot; f3＆quot;）。value +＆quot; \ n＆quot;
Str=str +＆quot; zip code:＆quot; + document.getElementById（＆quot; f4＆quot;）。value +＆quot; \ n＆quot ;
Str=str +＆quot; E-Mail:＆quot; + document.getElementById（＆quot; f5＆quot;）。value +＆quot; \ n＆quot ;
Str=str +＆quot; Phone:＆quot; + document.getElementById（＆quot; f6＆quot;）。value +＆quot; \ n＆quot ;
Str=str +＆quot; Fax:＆quot; + document.getElementById（＆quot; f7＆quot;）。value +＆quot; \ n＆quot ;
Str=str +＆quot; Contact:＆quot; + document.getElementById（＆quot; f8＆quot;）。value +＆quot; \ n＆quot ;
Str=str +＆quot; title:＆quot; + document.getElementById（＆quot; f9＆quot;）。value +＆quot; \ n＆quot;
Str=str +＆quot; Exhibit Name（Chinese）:＆quot; + document.getElementById（＆quot; f10＆quot;）。value +＆quot; \ n＆quot ;
Str=str +＆quot; Exhibition Range:＆quot; + checkall（）+＆quot; \ n＆quot;
Str=str +＆quot; Company nature:＆quot; + chk（）+＆quot; \ n＆quot;
Str=str +“预定的展位号:”+“\ n”＆n ;
Str=str +“A.Standard booth 9平方米（3米和时间; 3米）标准展位:”+ document.getElementById（＆quot; f13＆quot;）。value +＆quot; ＆QUOT + QUOT; \ n＆QUOT;

STR=STR + QUOT;乙。室内灯（18平方米租金）长:＆quot; + document.getElementById（＆quot; f14＆quot;）。value +＆quot; m *＆quot; +＆quot; width:＆quot; + document .getElementById（＆quot; f15＆quot;）。值+ QUOT;米＆QUOT + QUOT; \ n英寸;

Str=str +“C.Outdoor light（50平方米出租）:＆quot; + document.getElementById（＆quot; f16＆quot;）。value +＆quot; \ n＆quot;

document.getElementById（＆quot; mess_message_＆quot;）。value=str;

}

功能   checkall（）
{> Var str=＆quot;＆quot;
Var c=document.getElementsByName（＆quot; f11＆quot;）;
对于（var  i=0; i＆lt; c.length; i ++）
{> 如果（c [i] .checked==true）
      {>          str=str + c [i] .value +＆quot; |英寸;
     }
}
返回str;
}
功能   chk（）{  
  var   obj  =   document.getElementsByName（'f12'）;  
 表示  （i=0; i＆lt; obj.length; i ++）{  
 如果  （obj [i] .checked）{  
  var str=obj [i] .value;  
 }  
 }
 返回str;    
 } 

- ＆gt;
＆lt;/script＆gt;
更多代码时间关系没有简化的代码。

对于想要扩展dedecms留言板的朋友来说它非常有用。