欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

layui點(diǎn)擊彈框頁(yè)面 表單請(qǐng)求的方法

 更新時(shí)間:2019年09月21日 11:23:05   作者:```...簡(jiǎn)單點(diǎn)  
今天小編就為大家分享一篇layui點(diǎn)擊彈框頁(yè)面 表單請(qǐng)求的方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧

如下所示:

$("#addSite").click(function () {
  layer.open({
    title: '添加站點(diǎn)',
    type: 1,
    area: ['700px', '400px'],
    content: '<blockquote class="layui-elem-quote layui-text">注意事項(xiàng): 請(qǐng)?zhí)顚懴嚓P(guān)的數(shù)據(jù)信息! </blockquote>' +
    '<form class="layui-form"> ' +
    '<div class="layui-form-item">' +
    '<div class="layui-inline">' +
    '<label class="layui-form-label">站點(diǎn)名稱</label>' +
    '<div class="layui-input-inline">' +
    '<input type="text" required lay-verify="required" name="siteName" class="layui-input" value="" >' +
    '</div></div>' +
    '<div class="layui-inline">' +
    '<label class="layui-form-label">ICP備案號(hào)</label>' +
    '<div class="layui-input-inline">' +
    '<input type="text" required lay-verify="required" name="fileRecord"  class="layui-input" value="" >' +
    '</div></div>' +
    '</div>' +
    '<div class="layui-form-item">' +
    '<div class="layui-inline">' +
    '<label class="layui-form-label">聯(lián)系電話</label>' +
    '<div class="layui-input-inline">' +
    '<input type="text" required lay-verify="required" name="sitePhone" class="layui-input" value="" >' +
    '</div></div>' +
    '<div class="layui-inline">' +
    '<label class="layui-form-label">平臺(tái)信息</label>' +
    '<div class="layui-input-inline">' +
    '<input type="text" required lay-verify="required" name="type"  class="layui-input" value="" >' +
    '</div></div>' +
    '</div>' +
    '<div class="layui-form-item" style="width: 621px;">' +
    '<label class="layui-form-label">備注</label>' +
    '<div class="layui-input-block">' +
    '<textarea placeholder="請(qǐng)輸入內(nèi)容" name="siteMark" class="layui-textarea"></textarea>' +
    '</div>' +
    '</div>' +
    '</form>',
    btnAlign: 'c',
    btn: ['確定', '取消'],
    yes: function (index, layero) {
      var str = $("input[name=isIndividual]").val();
      if (str == "on") {
        str = "1";
      } else {
        str = "0";
      }

      if ($("input[name=siteName]").val() == null || $("input[name=siteName]").val() == "") {
        layer.msg('請(qǐng)輸入站點(diǎn)名稱', {icon: 5, time: 2000, area: '200px', type: 0, anim: 6,}, function () {
          $("input[name=siteName]").focus();
        });
        return false;
      } else if ($("input[name=fileRecord]").val() == null || $("input[name=fileRecord]").val() == "") {
        layer.msg('請(qǐng)輸入備案號(hào)', {icon: 5, time: 2000, area: '200px', type: 0, anim: 6,}, function () {
          $("input[name=fileRecord]").focus();
        });
        return false;
      } else if ($("input[name=type]").val() == null || $("input[name=type]").val() == "") {
        layer.msg('請(qǐng)輸入平臺(tái)信息', {icon: 5, time: 2000, area: '200px', type: 0, anim: 6,}, function () {
          $("input[name=type]").focus();
        });
        return false;
      } else if ($("input[name=sitePhone]").val() == null || $("input[name=sitePhone]").val() == "") {
        layer.msg('請(qǐng)輸入聯(lián)系電話', {icon: 5, time: 2000, area: '200px', type: 0, anim: 6,}, function () {
          $("input[name=sitePhone]").focus();
        });
        return false;
      }
      var formData = {
        siteName: $("input[name=siteName]").val(),
        fileRecord: $("input[name=fileRecord]").val(),
        type: $("input[name=type]").val(),
        sitePhone: $("input[name=sitePhone]").val(),
        siteMark: $("textarea[name=siteMark]").val()
      };
      console.log(formData);
      $.post('${pageContext.request.contextPath}/leaguer/addSite', formData, function (data) {
        //判斷是否發(fā)送成功
        if (data.code == 200) {
          layer.msg(data.message);
          layer.close(index);
          parent.document.getElementById('my_iframe').contentWindow.location.reload(true);
        } else {
          layer.msg("保存失敗...", {type: 1});
        }
      })
    }, btn2: function (index, layero) {
      layer.msg("取消");
      //return false 開(kāi)啟該代碼可禁止點(diǎn)擊該按鈕關(guān)閉
    }, cancel: function () {
      layer.msg("關(guān)閉窗口");
      //右上角關(guān)閉回調(diào)
      //return false 開(kāi)啟該代碼可禁止點(diǎn)擊該按鈕關(guān)閉
    },
    success: function () {
      layui.use('form', function () {
        var form = layui.form; //只有執(zhí)行了這一步,部分表單元素才會(huì)修飾成功
     form.render('checkbox');
        form.on('checkbox(istrue)', function (data) {
          /* if(data.elem.checked){
           emailConfig['isenterprise']=1;
           }; //是否被選中,true或者false*/
        });
      });
    }
  });
})

另類: tab刷新iframe頁(yè)面

var iframes= parent.document.getElementsByTagName('iframe');
for(var i=0;i<iframes.length;i++){
  var src=iframes[i].contentWindow.location.href;
  console.log( src);
  if(src.indexOf("table.jsp")!=-1){
    console.log( "刷新:"+src);
    parent.document.getElementsByTagName('iframe')[i].contentWindow.location.reload(true);
  }
}

以上這篇layui點(diǎn)擊彈框頁(yè)面 表單請(qǐng)求的方法就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。

相關(guān)文章

  • JavaScript之ECharts用法講解

    JavaScript之ECharts用法講解

    這篇文章主要介紹了JavaScript之ECharts用法講解,本篇文章通過(guò)簡(jiǎn)要的案例,講解了該項(xiàng)技術(shù)的了解與使用,以下就是詳細(xì)內(nèi)容,需要的朋友可以參考下
    2021-08-08
  • 利用JS判斷客戶端類型你應(yīng)該知道的四種方法

    利用JS判斷客戶端類型你應(yīng)該知道的四種方法

    這篇文章主要給大家總結(jié)介紹了關(guān)于利用JS判斷客戶端類型的四種方法,比如通過(guò)通過(guò)判斷瀏覽器的userAgent、檢查是否是移動(dòng)端(Mobile)、ipad、iphone、微信、QQ等的方法,需要的朋友可以參考借鑒,下面
    2017-12-12
  • 限制復(fù)選框最多選擇項(xiàng)的實(shí)現(xiàn)代碼

    限制復(fù)選框最多選擇項(xiàng)的實(shí)現(xiàn)代碼

    下面小編就為大家?guī)?lái)一篇限制復(fù)選框最多選擇項(xiàng)的實(shí)現(xiàn)代碼。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2016-05-05
  • bootstrap中selectpicker下拉框使用方法實(shí)例

    bootstrap中selectpicker下拉框使用方法實(shí)例

    這篇文章主要給大家介紹了關(guān)于bootstrap中selectpicker下拉框使用的相關(guān)資料,文中通過(guò)示例介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧。
    2018-03-03
  • JS實(shí)現(xiàn)用戶管理系統(tǒng)

    JS實(shí)現(xiàn)用戶管理系統(tǒng)

    這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)用戶管理系統(tǒng),文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2022-08-08
  • ionic實(shí)現(xiàn)下拉刷新載入數(shù)據(jù)功能

    ionic實(shí)現(xiàn)下拉刷新載入數(shù)據(jù)功能

    這篇文章主要為大家詳細(xì)介紹了ionic實(shí)現(xiàn)下拉刷新載入數(shù)據(jù)功能,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2017-05-05
  • 微信小程序wx.uploadfile 本地文件轉(zhuǎn)base64的實(shí)現(xiàn)代碼

    微信小程序wx.uploadfile 本地文件轉(zhuǎn)base64的實(shí)現(xiàn)代碼

    這篇文章主要介紹了微信小程序wx.uploadfile 本地文件轉(zhuǎn)base64的實(shí)現(xiàn)方法,文中通過(guò)代碼講解給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
    2018-06-06
  • javascript實(shí)現(xiàn)拖拽并替換網(wǎng)頁(yè)塊元素

    javascript實(shí)現(xiàn)拖拽并替換網(wǎng)頁(yè)塊元素

    實(shí)現(xiàn)類似于學(xué)生換座位的效果,將網(wǎng)頁(yè)內(nèi)的兩個(gè)元素通過(guò)拖拽的方式互換。
    2009-11-11
  • 原生JS實(shí)現(xiàn)文件上傳

    原生JS實(shí)現(xiàn)文件上傳

    這篇文章主要為大家詳細(xì)介紹了原生JS實(shí)現(xiàn)文件上傳,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2022-07-07
  • JavaScript降低代碼圈復(fù)雜度優(yōu)化技巧

    JavaScript降低代碼圈復(fù)雜度優(yōu)化技巧

    當(dāng)一個(gè)項(xiàng)目經(jīng)過(guò)持續(xù)迭代,不斷增加功能,逐漸變成一個(gè)復(fù)雜的產(chǎn)品時(shí),新功能的開(kāi)發(fā)變得相對(duì)困難,其中一個(gè)很大的原因是代碼復(fù)雜度高,導(dǎo)致可維護(hù)性和可讀性都很差,本文將從前端JavaScript的角度出發(fā),介紹一些有效的方法和技巧來(lái)優(yōu)化前端代碼的圈復(fù)雜度
    2023-10-10

最新評(píng)論