问题出现:

我点击“确定”时会验证“新手机号码”,如果验证不通过则不给该弹框关掉,但是实际操作时,不管验证怎么样,点击“确定”之后该弹框都会关掉。

之前的写法:

    layer.open({
          type: 1,
          shade: false,
          area: ['400px', '300px'],
          title: '修改 - 手机号码', //不显示标题
          content: $('.edit_phone1'), //捕获的元素,注意:最好该指定的元素要存放在body最外层,否则可能被其它的相对元素所影响
          cancel: function(){
            layer.close();
          },
          btn: ['确定','取消'],//按钮
          btn1: function(index, layero){
              i++;
              $(phoneValidate());  
              if(phoneValidate().form()){
                  layer.closeAll();
                  $('#old_phone1').val($('#new_phone').val());
                 edit();
              }
          }
        });

后边查阅资料,发现把 btn1 改成 yes ,就可以了。验证不通过不关闭该弹框。

    layer.open({
          type: 1,
          shade: false,
          area: ['400px', '300px'],
          title: '修改 - 手机号码', //不显示标题
          content: $('.edit_phone1'), //捕获的元素,注意:最好该指定的元素要存放在body最外层,否则可能被其它的相对元素所影响
          cancel: function(){
            layer.close();
          },
          btn: ['确定','取消'],//按钮
          yes: function(index, layero){
              i++;
              $(phoneValidate());  
              if(phoneValidate().form()){
                  layer.closeAll();
                  $('#old_phone1').val($('#new_phone').val());
                 edit();
              }
          }
        });

posted on 2019-08-24 10:51  锋齐叶落  阅读(4250)  评论(1编辑  收藏  举报