Блог

У меня такой вопрос. У меня есть текст ввода и кнопка. Как этот 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>
  

Но вопрос в том. Когда тип ввода пуст. Я не могу нажать на кнопку. Когда тип ввода — fil. Затем вы можете нажать на кнопку. Как я могу это исправить?

Спасибо!

Предполагая, что я правильно понял ваш вопрос, я думаю, вы хотите запретить ссылке что-либо делать, если input она не имеет значения. Если это правильно, то вы можете сделать это:

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

preventDefault это метод объекта event, который, как следует из названия, предотвращает действие события по умолчанию (в данном случае, переход по ссылке).

Вот рабочий пример приведенного выше.

 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 ()» в тело документа.

Это должно сработать.