美文网首页
bootcss单独操作tooltip

bootcss单独操作tooltip

作者: 青木川_ | 来源:发表于2018-05-07 16:22 被阅读16次

    <li>
    <div class="form-group">
    <label>公司名称</label>
    <input type="text" class="form-control form_Text ter" placeholder="公司名称" id="company">
    </div>
    </li>
    <li>
    <div class="form-group">
    <label>姓名</label>
    <input type="text" class="form-control form_Text" placeholder="姓名" id="name">
    </div>
    </li>
    <li>
    <div class="form-group">
    <label>手机号码</label>
    <input type="text" class="form-control form_Text" placeholder="手机号码" id="telephone">
    </div>
    </li>
    <li>
    <div class="form-group">
    <label>电子邮箱</label>
    <input type="text" class="form-control form_Text" placeholder="Email" id="email">
    </div>
    </li>
    <li>
    <div class="form-group">
    <label>留言</label>
    <textarea class="form-control form_Text" rows="3" id="information_Content"></textarea>
    </div>
    </li>
    <a class="btn btn-danger tj" onclick="submit()" >提交</a>

    <script type="text/javascript">
        function submit() {
            var company = $("#company").val();//公司名称
            if (company == "") {
                $("#company").attr('title', "公司名称不能为空").tooltip('fixTitle').tooltip('show');
                return;
            }
            var name = $("#name").val();//姓名
            if (name == "") {
                $("#name").attr('title', "您未填写姓名").tooltip('fixTitle').tooltip('show');
                return;
            }
            var telephone = $("#telephone").val();//电话
            if (telephone == "") {
                $("#telephone").attr('title', "您未填写电话").tooltip('fixTitle').tooltip('show');
                return;
            }
            if (!$("#telephone").val().match(/^1[34578]\d{9}$/)) {
                $("#telephone").attr('title', "请您检查键入的电话号码格式是否正确").tooltip('fixTitle').tooltip('show');
                return;
            }
            var email = $("#email").val();//邮箱
            if (email == "") {
                $("#email").attr('title', "您未填写邮箱").tooltip('fixTitle').tooltip('show');
               
                return;
            }
            if (!$("#email").val().match(/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/)) {
                $("#email").attr('title', "您填写的邮箱格式不正确").tooltip('fixTitle').tooltip('show');
                return;
            }
            var information_Content = $("#information_Content").val();//内容
            //文章内容
            if (information_Content == "") {
                $("#information_Content").attr('title', "留言内容不能为空").tooltip('fixTitle').tooltip('show');
                return;
            }
            var val = "contact_Name,contact_Telephone,contact_Email,contact_Company,contact_Content,contact_Time,contact_Read";
            var html = "&contact_Name=" + name + "&contact_Telephone=" + telephone + "&contact_Email=" + email + "&contact_Company=" + company + "&contact_Content=" + information_Content;
            $.ajax({
                type: "post",
                dataType: "text",
                url: "ashx/timely.ashx",
                data: "our=及时沟通" + html + "&val=" + val,
                success: function (msg) {
                    if (msg == "True") {
                        $(".tj").html("已提交成功");
                    }
                },
                error: function (xml) {
                    alert("系统繁忙,请稍后");
                }
            });
        }
    

    </script>

    相关文章

      网友评论

          本文标题:bootcss单独操作tooltip

          本文链接:https://www.haomeiwen.com/subject/xulvrftx.html