消费帮扶协议 - 申请流程及注意事项

<div class='container'>
    <div class='row'>
        <div class='col-md-12'>
            <div class='page-header'>
                <h1>消费帮扶协议</h1>
            </div>
            <div class='panel panel-default'>
                <div class='panel-body'>
                    <div class='row'>
                        <div class='col-md-12'>
                            <form id='form1' method='post' action=''>
                                <div class='form-group'>
                                    <label for='name'>姓名:</label>
                                    <input type='text' class='form-control' id='name' name='name' placeholder='请输入您的姓名'>
                                </div>
                                <div class='form-group'>
                                    <label for='idcard'>身份证号:</label>
                                    <input type='text' class='form-control' id='idcard' name='idcard' placeholder='请输入您的身份证号'>
                                </div>
                                <div class='form-group'>
                                    <label for='phone'>手机号:</label>
                                    <input type='text' class='form-control' id='phone' name='phone' placeholder='请输入您的手机号'>
                                </div>
                                <div class='form-group'>
                                    <div class='checkbox'>
                                        <label>
                                            <input type='checkbox' name='checkbox' id='checkbox' checked='checked'/>我已阅读并同意
                                        </label>
                                    </div>
                                </div>
                                <div class='form-group'>
                                    <button type='button' class='btn btn-primary btn-block' id='btn'>提交申请</button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- footer -->
<?php include('foot.php'); ?>
<script type='text/javascript'>
    $(function(){
        //提交表单
        $('#btn').click(function(){
            //获取表单信息
            var name = $('#name').val();
            var idcard = $('#idcard').val();
            var phone = $('#phone').val();
            //校验表单信息
            if(name == ''){
                alert('姓名不能为空！');
                $('#name').focus();
                return false;
            }else if(idcard == ''){
                alert('身份证号不能为空！');
                $('#idcard').focus();
                return false;
            }else if(phone == ''){
                alert('手机号不能为空！');
                $('#phone').focus();
                return false;
            }
            //提交表单
            $('#form1').submit();
        });
    });
</script>
</body>
</html>