javascript - 检查文本框

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

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

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

preventDefault 是事件对象的一种方法，顾名思义，它可以防止事件的默认操作(在本例中为链接后)。

这是一个working example以上。