您当前的位置:主页 > 教程合集 > 工具推荐网站首页工具推荐

网页表单内容直接提交到商务通后台的实现方法

发布时间:2018-01-26编辑:余斗阅读:(0)字号:
    因为医院的商务通咨询需要实现一个在线输入预约信息的功能,患者只需要把姓名、电话、病情等信息输入后提交表单给后台即可,这里想把提交的表单直接在商务通对话框里显示出来,主要是显示在对话说明这里,其实很简单,我们在html代码中这样写就可以实现:

    <!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=utf-8" />
    <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、使用escape函数对中文进行编码; 2、使用br标签进行换行。 效果如下图: 网页表单内容直接提交到商务通后台的实现方法 前台界面显示 网页表单内容直接提交到商务通后台的实现方法 提交到商务通后台的结果 网页表单内容直接提交到商务通后台的实现方法 提交到商务通后台的结果
关键字词
余斗余斗
  1. 转载请注明:网页表单内容直接提交到商务通后台的实现方法
  2. 版权声明:本站原创文章,由发表在工具推荐分类下,于2018-01-26最后更新
Win10系统中CorelDraw X6菜单栏变白色不显示的
Win10系统正式版经常无故自动重启的解决办法
手机扫一扫 随身带着看
鸿运国际手机登录首页