您当前的位置： 首页 > 学无止境 > JS经典实例 网站首页JS经典实例

玩转商务通之表单提交

发布时间：2015-09-29 19:00:28编辑：雪饮阅读（）

如下，我们要做一个提交表单信息于商务通的界面：



 <script type="text/javascript">
    function submit_to_swt(){
        var name = document.getElementById("name");
        var age = document.getElementById("age");
        var phone = document.getElementById("dianhua");
        var msg = document.getElementById("ms");
        var year = document.getElementById("n");
        var yue = document.getElementById("y");
        var ri = document.getElementById("r");
        var pro = document.getElementById("pro");
        if(name.value==""){
            alert("请输入您的姓名!");
            name.focus();
            return false;
        }
        if(age.value==""){
            alert("请输入您的年龄:!");
            age.focus();
            return false;
        }
        if(pro.value==""){
            alert("请选择项目:!");
            pro.focus();
            return false;
        }
        if(dianhua.value==""){
            alert("请输入您的电话!");
            dianhua.focus();
            return false;
        }
        if(year.value==""){
            alert("请输入年份:!");
            year.focus();
            return false;
        }
        if(yue.value==""){
            alert("请输入月份:!");
            yue.focus();
            return false;
        }
        if(ri.value==""){
            alert("请输入日期:!");
            ri.focus();
            return false;
        }
        if(msg.value==""){
            alert("请输入您的留言:!");
            msg.focus();
            return false;
        }



        if(typeof openZoosUrl != "undefined"){
            openZoosUrl('chatwin','&e='+escape('姓名:'+name.value+'<br/>电话:'+phone.value+'<br/>年龄：'+age.value+'<br/>项目：'+pro.value+'<br>描述：'+msg.value+'<br/>时间：'+year.value+'年'+yue.value+'月'+ri.value+'日'));
        }

    }
</script>
<form>
            <div class="f1">*你的姓名：<input class="name" id="name"/><span class="fs20 red">（您的信息已加密）</span></div>
            <div class="f1">*联系电话：<input class="name" id="dianhua"/><span class="fs20 red">（您的信息已加密）</span></div>
            <div class="fs20 red mt2">（请您准确填写姓名、联系方式以便我们及时与您联系确认预约安排就诊）</div>
            <div class="f1 mt2">*年龄：<input class="age" id="age"/><span class="fs20 red"></span></div>
<div class="f1 mt2"><span>*预约项目：</span><select class="pro" id="pro"><option>包皮过长</option><option>早泄</option><option>包茎</option><option>阴茎延长</option><option>阴茎增粗</option><option>阴茎弯曲</option><option>强化勃起力</option><option>输精管结扎</option><option>阴茎短小</option><option>精索静脉曲张</option><option>鞘膜积液</option></select></div>
<div class="time mt2">
                *就诊时间：
                <input class="year" id="n">年
                <select style="width: 13%;" id="y">
                    <option>1</option><option>2</option><option>3</option><option>4</option>
                    <option>5</option><option>6</option><option>7</option><option>8</option>
                    <option>9</option><option>10</option><option>11</option><option>12</option>
                </select>月
                <select style="width: 13%;" id="r">
                    <option>1</option><option>2</option><option>3</option><option>4</option><option>5</option><option>6</option>
                    <option>7</option><option>8</option><option>9</option><option>10</option><option>11</option><option>12</option>
                    <option>13</option><option>14</option><option>15</option><option>16</option><option>17</option><option>18</option>
                    <option>19</option><option>20</option><option>21</option><option>22</option><option>23</option><option>24</option>
                    <option>25</option><option>26</option><option>27</option><option>28</option><option>29</option><option>30</option>
                    <option>31</option>
                </select>日
            </div>
            <div class="dis">*病情描述：<textarea id="ms"></textarea></div>
    
<div class="btn4"><a onclick="submit_to_swt();"><div>点击提交预约</div></a></div>
        <div class="btn4"><a href="/swt/" onclick="openZoosUrl('chatwin','&e=phone');return false;"><div>快速人工预约</div></a></div>
        </form>