在转到 URL 之前检查的按钮

Question

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

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

我的第一次尝试是尝试什么都不做，但如果它在没有值时更容易隐藏它，我会很感兴趣。

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

    function goToProdSpec(){
        var ButtonValue = document.getElementById('ProdNo').value;

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

Answer 1

My first attempt was to try the do nothing, but if its easier to hide it when it has no values I'd be interested.

隐藏它会很容易。根据您的 JS，我假设 value 属性为空，但存在，可以用 CSS.

定位

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

或者

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

Answer 2

将值传递给 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;
   }
}

试试这个可能会奏效

Answer 3

我看到你的函数有一个额外的 }，它应该是 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;
    }
}

Answer 4

您必须使用 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;
    }
}

在转到 URL 之前检查的按钮

Button that checks before going to a URL

html

javascript

button