表单提交判断，数据只能提交一次判断

时间：2022-09-20 19:40:56
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>物业报修-填写信息</title>
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="yes" name="apple-touch-fullscreen">
    <meta content="telephone=no" name="format-detection">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0" />
    <link rel="stylesheet" type="text/css" href="http://static.17shihui.com/pageapp/css/comact/mobile.common.css?static_version=1438944758593">
    <link rel="stylesheet" type="text/css" href="http://static.17shihui.com/communitym/cm1.10/css/mobile.alert.css">
    <link rel="stylesheet" type="text/css" href="../css/style.css">
</head>

<body>
    <div class="fill_wrap">
        <label class="name ipt">
            <input type="text" placeholder="请输入您的姓名" id="name">
            <p class="name_in"></p>
        </label>
        <label class="tel ipt">
            <input type="tel" placeholder="请输入您的电话" id="tel">
            <p class="tel_in"></p>
        </label>
        <textarea class="int_des" id="description" placeholder="请将情况描述的尽量清晰，包括具体位置，损坏物品等。"></textarea>
        <p class="des_in"></p>
        <a href="javascript:void(0)" class="btns" id="btns">反馈</a>
    </div>
    <script src="http://static.17shihui.cn/libs/zepto/zepto.min.js"></script>
    <script src="http://static.17shihui.com/communitym/cm1.10/js/mobile.alert.js"></script>
    <script type="text/javascript">
    function getQueryString(name) {
    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
    var r = window.location.search.substr(1).match(reg);
    if (r != null) return r[2];
    return null;
};

function fillCome(ele) {

    var name = $("#name").val();
    var tel = $("#tel").val();
    var description = $("#description").val();
    var app_id = getQueryString('app_id');
    var gid = getQueryString('gid')
    if (!fillTab()) {
        return;
    }
    ele.addClass("box");
    $.ajax({
        type: 'POST',
        url: '/saasapi/main/saas/repair/add',
        data: { name: name, tel: tel, description: description, app_id: app_id, gid: gid },
        dataType: 'json',
        headers: { Authorization: getQueryString('mauth').replace("+", " ") },
        success: function(data) {
            if (data.apistatus == 1) {
                alert("感谢您的帮助和反馈，物业会尽快处理");
            }

            ele.removeClass("box");
        }
    })
}

function fillShow() {
    $.ajax({
        type: 'GET',
        url: '/saasapi/main/saas/repair/get_by_id',
        data: { id: getQueryString('id') },
        dataType: 'json',
        headers: { mauth: getQueryString('mauth').replace("+", " ") },
        success: function(data) {
            var rel = data.result;
            if (data.apistatus == 1) {
                $(".ipt input").hide();
                $(".int_des").hide();
                $("#btns").hide();
                $(".name_in").show().html(rel.name);
                $(".tel_in").show().html(rel.tel);
                $(".des_in").show().html(rel.description);
            }

        }
    })

}

if (getQueryString("id")) {
    fillShow();
} else {
    $("#btns").click(function() {
        var _this = $(this);
        if (!_this.hasClass("box")) {
            fillCome(_this);
        }
    })
}

function fillTab() {
    var name = $("#name").val();
    var tel = $("#tel").val();
    var description = $("#description").val();

    var str2 = /^[\u4e00-\u9fa5A-Za-z]{2,8}$/;
    var str3 = /^1[0-9]{10}$/;

    if (name == "") {
        alert("请输入您的姓名");
        return false;
    }
    if (!str2.test(name)) {
        alert("姓名格式不对");
        return false;
    }
    if (tel == "") {
        alert("请输入您的电话");
        return false;
    }
    if (!str3.test(tel)) {
        alert("手机格式不对");
        return false;
    }
    if (description == "") {
        alert("问题描述不能为空");
        return false;
    }
    return true;
}

    </script>
</body>

</html>

 

标签：

相关文章