表单提交到商务通后台 中文说明加换行的实现方法

模板网 2015-05-08

实现将表单中的数据提交到商务通后台的效果，中文说明并且实现换行显示。

代码简单容易理解，这里就不多解释了。

要点：1、使用escape函数对中文进行编码；2、使用br标签进行换行。

效果如下图：

前台界面

提交到商务通后台的结果

提交到商务通后台的结果

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=gb2312" />
<title>表单提交到商务通后台 中文说明加换行的实现方法</title>
<style type="text/css">
	#yuyue {width:320px;margin:0 auto;}
</style>
</head>
<body>

<div id="yuyue">
	<p>姓名: <input type="text"  id="gname"></p>
	<p>年龄: <input type="text" id="gage"></p>
	<p>电话: <input type="text" id="gphone"></p>
	<p>留言: <textarea id="gmsg" cols="30" rows="4"></textarea></p>
	<p><input type="button" value="提交" onclick="submit_to_swt();"></p>
</div>

<script type="text/javascript">
	function submit_to_swt(){
		var name = document.getElementById("gname");
		var age = document.getElementById("gage");
		var phone = document.getElementById("gphone");
		var msg = document.getElementById("gmsg");
		if(name.value==""){
			alert("请输入您的姓名!");
			name.focus();
			return false;
		}
		if(age.value==""){
			alert("请输入您的年龄:!");
			age.focus();
			return false;
		}
		if(phone.value==""){
			alert("请输入您的电话!");
			phone.focus();
			return false;
		}
		if(msg.value==""){
			alert("请输入您的留言:!");
			msg.focus();
			return false;
		}


		if(typeof openZoosUrl != "undefined"){
			openZoosUrl('chatwin','&e='+escape('姓名:'+name.value+'<br/>年龄:'+age.value+'<br/>电话:'+phone.value+'<br/>留言:'+msg.value));
		}

	}
</script>

<!--测试请将此处商务通代码替换为你的-->
<script language="javascript" src="http://dat.zoosnet.net/LR/Chatpre.aspx?id=DAT89158224&float=0&lng=cn"></script>
<!--测试请将此处商务通代码替换为你的-->

</body>
</html>

相关文章

  1. 表单提交到商务通后台 中文说明加换行的实现方法

    实现将表单中的数据提交到商务通后台的效果，中文说明并且实现换行显示。 代码简单容易理解，这里就不多解释了。 要点：1、使用escape函数对中文进行编码；2、使用br标签进行换行。 效果如下图： 前台界面 提交到商务通后台的结果 提交到商务通后台的结果

  2. 360网站卫士常用前端公共库CDN服务

    360网站卫士常用前端公共库CDN服务 网址: http://libs.useso.com/ 这里提供了由360网站卫士CDN驱动的常用前端公共库以及和谐使用Google公共库字体库的调用方法 常用前端公共库 libs.useso.com 360网站卫士独立提供 这里为您提供常用的JavaScript前端库，托管

  3. 离线宝高级定制API使用示例

    离线宝高级定制操作说明 自定义API使用示例下载 一.搬 1.1 搬图 将解压后的images文件夹，放在您网站要显示浮窗页面的同级目录下。 1.2 搬代码 1.2.1 浮窗样式。打开解压后的index.html文件，将浮窗样式开始-浮窗样式结束之间的代码添加至您网站要显示浮窗的

  4. 很好看的手机站底部

    很好看的手机站底部，每个按钮宽度都是自适应的，适合不同屏幕分辨率的手机。代码整理格式化，去除无用代码，方便使用与修改。 效果截图: 打包下载: 很好看的手机站底部

  5. 自定义商务通二次弹出原理

    自定义商务通二次弹出原理，商务通窗口被关闭后，指定时间后再次弹出。演示代码仅使用纯色作为弹出窗背景，实际运用中可替换为图片。 核心代码: 复制代码 代码如下: script function hideSwt(){ document.getElementById(swtBox).style.display=none;//隐藏

随机推荐

  1. 表单提交到商务通后台 中文说明加换行的实现方法

    实现将表单中的数据提交到商务通后台的效果，中文说明并且实现换行显示。 代码简单容易理解，这里就不多解释了。 要点：1、使用escape函数对中文进行编码；2、使用br标签进行换行。 效果如下图： 前台界面 提交到商务通后台的结果 提交到商务通后台的结果

  2. 360网站卫士常用前端公共库CDN服务

    360网站卫士常用前端公共库CDN服务 网址: http://libs.useso.com/ 这里提供了由360网站卫士CDN驱动的常用前端公共库以及和谐使用Google公共库字体库的调用方法 常用前端公共库 libs.useso.com 360网站卫士独立提供 这里为您提供常用的JavaScript前端库，托管

  3. 离线宝高级定制API使用示例

    离线宝高级定制操作说明 自定义API使用示例下载 一.搬 1.1 搬图 将解压后的images文件夹，放在您网站要显示浮窗页面的同级目录下。 1.2 搬代码 1.2.1 浮窗样式。打开解压后的index.html文件，将浮窗样式开始-浮窗样式结束之间的代码添加至您网站要显示浮窗的

  4. 很好看的手机站底部

    很好看的手机站底部，每个按钮宽度都是自适应的，适合不同屏幕分辨率的手机。代码整理格式化，去除无用代码，方便使用与修改。 效果截图: 打包下载: 很好看的手机站底部

  5. 自定义商务通二次弹出原理

    自定义商务通二次弹出原理，商务通窗口被关闭后，指定时间后再次弹出。演示代码仅使用纯色作为弹出窗背景，实际运用中可替换为图片。 核心代码: 复制代码 代码如下: script function hideSwt(){ document.getElementById(swtBox).style.display=none;//隐藏