在转到 URL 之前进行检查的按钮

Button that checks before going to a URL

本文关键字：进行检查 按钮 URL      更新时间：2023-09-26

我有一个按钮，其值是从 RPG 程序中设置的，当按钮具有我希望它的值时，单击它转到 url 并且当它没有值时，要么不显示，要么什么都不做？

  <td>
      <div align="right">
           <input type="submit" id="ProdNo" name="Submit" value="<%= (KEC1KM) %>" onclick="goToProdSpec()" style="width:100%" />
      </div>
  </td>

我的第一次尝试是不做任何事情，但如果当它没有值时更容易隐藏它，我会感兴趣。

这是我在此功能的javascript方面的尝试，没有检查它工作正常，但是当我合并如果它根本不起作用时

    function goToProdSpec(){
        var ButtonValue = document.getElementById('ProdNo').value;
        If(ButtonValue != ""){
        url = 'http://svr:7018/Enquiries/CMENPROC.rpgle?ProductCode=' + ButtonValue;    
        window.location.href = url;
        }
    }
将

值传递给 html 函数，如下所示

<td><div align="right"><input type="submit" id="ProdNo" name="Submit" value="<%= (KEC1KM) %>" onclick="goToProdSpec(this.value)" style="width:100%" /></div></td>

在JavaScript中使用这样的内容

function goToProdSpec(value)
{
   If(value != "")
   {
        url = 'http://svr:7018/Enquiries/CMENPROC.rpgle?ProductCode=' + value;    
        window.location.href = url;
   }
}

试试这个可能会起作用

我的第一次尝试是不做任何事情，但如果当它没有值时更容易隐藏它，我会感兴趣。

隐藏它将非常容易。根据您的JS，我假设value属性是空的，但存在，可以用CSS定位。

input[value=""] {display:none;}

或

input[type="submit][value=""] {display:none;}

我看到你的函数有一个额外的}，它应该是if而不是If。那么至少 if 条件会起作用。

您可以使用以下 CSS 隐藏按钮

input[type="submit][value=""] {display:none;}

更改了 JS 代码 - 

function goToProdSpec(){
    var ButtonValue = document.getElementById('ProdNo').value;
    if(ButtonValue != ""){
    url = 'http://svr:7018/Enquiries/CMENPROC.rpgle?ProductCode=' + ButtonValue;    
    window.location.href = url;
    }
}

你必须用if(!ButtonValue)检查空字符串：

function goToProdSpec(){
    var ButtonValue = document.getElementById('ProdNo').value;
    If(!ButtonValue){
    url = 'http://svr:7018/Enquiries/CMENPROC.rpgle?ProductCode=' + ButtonValue;    
    window.location.href = url;
    }
}
相关文章：