<div class="box">
    <div class="box_con">
        <div class="title"><h1>唯医骨科服务预约</h1></div>
        <div class="form_box">
            <form id="form" action="" method="post">
                <div class="input_box">
                    <div class="label">
                        <span class="require">*</span>
                        <p>手机号码</p>
                    </div>
                    <div class="input">
                        <input type="text" name="mobile" placeholder="请输入您的手机号码" />
                    </div>
                </div>
                <div class="input_box">
                    <div class="label">
                        <span class="require">*</span>
                        <p>真实姓名</p>
                    </div>
                    <div class="input">
                        <input type="text" name="name" placeholder="请输入您的真实姓名" />
                    </div>
                </div>
                <div class="input_box">
                    <div class="label">
                        <span class="require">*</span>
                        <p>性别</p>
                    </div>
                    <div class="input">
                        <select name="gender">
                            <option value="">请选择性别</option>
                            <option value="男">男</option>
                            <option value="女">女</option>
                        </select>
                    </div>
                </div>
                <div class="input_box">
                    <div class="label">
                        <span class="require">*</span>
                        <p>年龄</p>
                    </div>
                    <div class="input">
                        <input type="text" name="age" placeholder="请输入您的年龄" />
                    </div>
                </div>
                <div class="checkbox_box">
                    <div class="checkbox">
                        <input type="checkbox" class="regular-checkbox" id="checkbox-1" />
                        <label for="checkbox-1"></label>
                        <span>
                            我已阅读并同意
                        </span>
                        <a class="agreement" href="<?php echo U('Service/service_agreement'); ?>" target="_blank">
                            《唯医骨科隐私政策》
                        </a>
                    </div>
                    <div class="checkbox">
                        <input type="checkbox" class="regular-checkbox" id="checkbox-2" />
                        <label for="checkbox-2"></label>
                        <span>
                            我已阅读并同意
                        </span>
                        <a class="agreement" href="<?php echo U('Service/service_agreement'); ?>" target="_blank">
                            《唯医骨科医疗服务协议》
                        </a>
                    </div>
                </div>
                <div class="btn">
                    <input type="button" class="submit" value="提交" onclick="check_form();" />
                </div>
            </form>
        </div>
    </div>
</div>
<!-- //主体 -->
<!-- 底部 -->
<script type="text/javascript">
    $(function() {
        $(".btn").on("click", ".submit", function() {
            if ($('#checkbox-1').is(':checked') && $('#checkbox-2').is(':checked')) {
                $("#form").submit();
            } else {
                alert('请先阅读并同意协议');
            }
        });
    });
</script>
<script type="text/javascript">
    $(function() {
        $("#form").submit(function() {
            var _data = $("#form").serialize();
            // console.log(_data);
            $.ajax({
                url: "<?php echo U('Service/service_info_submit'); ?>",
                dataType: 'json',
                type: 'post',
                data: _data,
                success: function(data) {
                    if (data.status == 1) {
                        alert(data.msg);
                        window.location.href = "<?php echo U('Service/service_list'); ?>";
                    } else {
                        alert(data.msg);
                    }
                }
            });
            return false;
        });
    });
    function check_form() {
        var mobile_val = $("input[name='mobile']").val();
        if (mobile_val == "") {
            alert('请填写手机号');
            return false;
        }
        var re = /^[1][3,4,5,7,8][0-9]{9}$/;
        if (!re.test(mobile_val)) {
            alert('请填写正确的手机号');
            return false;
        }
        var name_val = $("input[name='name']").val();
        if (name_val == "") {
            alert('请填写姓名');
            return false;
        }
        var gender_val = $("input[name='gender']").val();
        if (gender_val == "") {
            alert('请填写性别');
            return false;
        }
        var age_val = $("input[name='age']").val();
        if (age_val == "") {
            alert('请填写年龄');
            return false;
        }
        var _form = $("#form").serialize();
        // console.log(_form);
        $.ajax({
            url: "<?php echo U('Service/service_info_submit'); ?>",
            dataType: 'json',
            type: 'post',
            data: _form,
            success: function(data) {
                if (data.status == 1) {
                    alert(data.msg);
                    window.location.href = "<?php echo U('Service/service_list'); ?>";
                } else {
                    alert(data.msg);
                }
            }
        });
    }
</script>
<!--footer-->
<div class="footer">
    <div class="footer_con">
        <div class="f_list service_info">
            <div class="kefu">
                <span class="tel_ico"></span>
<pre><code>            &lt;p class=&quot;f20_f&quot;&gt;4000-800-577&lt;/p&gt;

            &lt;p class=&quot;f14_f mt4_f&quot;&gt;联系客服&lt;/p&gt;
        &lt;/div&gt;
        &lt;ol class=&quot;business&quot;&gt;
            &lt;li style=&quot;width: 186px&quot;&gt;周一至周五:09:00-17:30&lt;/li&gt;
        &lt;/ol&gt;
    &lt;/div&gt;
    &lt;div class=&quot;f_list&quot;&gt;
        &lt;h4&gt;关于我们&lt;/h4&gt;
        &lt;ul&gt;
            &lt;li&gt;&lt;a target=&quot;_blank&quot; href=&quot;&lt;?php echo U('Static/aboutUs'); ?&gt;&quot;&gt;关于唯医&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a target=&quot;_blank&quot; href=&quot;&lt;?php echo U('Static/contactUs'); ?&gt;&quot;&gt;联系我们&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a target=&quot;_blank&quot; href=&quot;&lt;?php echo U('Static/adService'); ?&gt;&quot;&gt;主
</code></pre>

原文地址: https://www.cveoy.top/t/topic/li1P 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录