JS дело с кнопкой «ввода» информация

Question

Я довольно много нового JS и HTML, поэтому я извиняюсь заранее, если вы нашли этот вопрос слишком примитивный ..

Я пытаюсь сделать простой login-logout. Мне удается переключаться между двумя экранами (один раз один из них вошел в систему или вышел из системы), но у меня все еще осталась одна проблема: как я могу «удалить» имя пользователя и пароль из последнего сеанса входа в систему, когда я нажмите 'logout'?

Другими словами, как я могу установить типы ввода «пароль» и «текст» для очистки (без какой-либо информации внутри них), с использованием Java Script, желательно с JQuery?

Answer 1

$(document).ready(function(){ 
    $('#username').val("") 
    $('#password').val("") 
}) 

Это должно очищать оба входа каждый раз при загрузке страницы.

Но, как сказал Ибу, вы должны обращаться с логинами с сервером Php.

Answer 2

Если вы хотите очистить весь ваш ввод текста просто использовать простой сценарий, как:

$("input[type=text]").val(''); 

Pass все входные данные с типом текста будет иметь значение пустое.

Вы можете связать это с помощью кнопки отмены или даже после отправки формы с помощью кнопки подтверждения.

Связывание с отмените пример кнопки (требуется кнопка с ID = «отменить» к этой работе):

$("#cancel").click(function() { 
    $("input[type=text]").val(''); 
}); 

Answer 3

Другие ответы все хорошо ... с помощью .val('') будет делать трюк.

Я собираюсь немного превысить то, о чем вы просите, поскольку это может быть полезно для вас и других читателей. Вот общая функция сброса формы ...

function resetForm(formId) { 

    $(':input', $('#' + formId)).each(function() { 
     var type = this.type; 
     var tag = this.tagName.toLowerCase(); // normalize case 

     if (type == 'text' || type == 'password' || tag == 'textarea') { 
      // it's ok to reset the value attr of text inputs, password inputs, and textareas 
      this.value = ""; 
     } else if (type == 'checkbox' || type == 'radio') { 
      // checkboxes and radios need to have their checked state cleared but should *not* have their 'value' changed 
      this.checked = false; 
     } else if (tag == 'select') { 
      // select elements need to have their 'selectedIndex' property set to -1 (this works for both single and multiple select elements) 
      this.selectedIndex = -1; 
     } 
    }); 
}; 

Надеюсь, это поможет.