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

最新推荐文章于 2021-12-06 12:20:32 发布

Angela㐅cc

最新推荐文章于 2021-12-06 12:20:32 发布

阅读量345

点赞数

文章标签：数据库 c# php

原文链接：http://www.cnblogs.com/xiaoleidiv/p/5568033.html

版权

<! 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 >

转载于:https://www.cnblogs.com/xiaoleidiv/p/5568033.html