Question

我有这个问题。我有一个输入类型文本和一个按钮。喜欢这个html：

<form id="browser-form">
    <div class="filebrowser">
        <input type="text" id="browser-filepath">
    </div>
    <div class="upload submit"> 
        <a href="#" id="browser-submit" class="button">Uploaden</a> 
    </div>
</form>

但问题是。输入类型为空时。 Je无法点击按钮。输入类型为fil时。比你可以点击按钮。我该如何解决这个问题？

谢谢！

Answer 1

假设我已正确理解您的问题，我认为您希望阻止该链接执行任何操作，除非input具有值。如果这是正确的，那么你可以这样做：

$("#browser-submit").click(function(e) {
    if(!$("#browser-filepath").val()) {
       e.preventDefault();
    } 
});

preventDefault是事件对象的一种方法，顾名思义，它可以阻止事件的默认操作（在这种情况下，在链接之后）。

以上是working example以上内容。

Answer 2

function UpdateSubmitButton() {
var oTextBox = document.getElementById("browser-filepath");
var oButton = document.getElementById("browser-submit");

if(oTextBox.value == "") {
oButton.disabled = true;
}
else {
oButton.disabled = false;
}
}

在文本框中添加onchange =“UpdateSubmitButton（）”部分，您可能希望将onload =“UpdateSubmitButton（）”添加到文档正文中。

这应该可以解决问题。

检查文本框

2 个答案: