Проверка наличия поля пароля

Question

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

---

<form id="form" method="post" action="student.jsp"> 

      <label><strong>Username :</strong><br/><br/> 
      <input type="text" value="" name="username" id="idusername"> 
     </label><br/><br/> 

      <label><strong>Password :</strong><br/><br/> 
      <input type="text" value="" name="password" id="idpassword"> 
      </label><br/><br/><br/> 

      <input id="minibutton" name="send" type="submit" value="Login" /> 
     </form> 

---

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

---

$(document).ready(function(){ 
//global vars 
var form = $("#form"); 
var username= $("#idusername"); 
var password = $("idpassword"); 

//On Submitting 
form.submit(function(){ 
    if(username.val().length==0 || password.val().length==0){ 
        alert('Please enter the username'); 
     return false; 
        } 
    else 
    { 
       if(password.val().length==0) 
        { 
         alert('Please enter the password'); 
         return false; 
        } 

       else 
        return true; 
    } 
}); 
}); 

---

Я не очень хорошо Javascript, но мне нужно, чтобы использовать его для динамической проверки. Plaese указывает на ошибку при проверке поля пароля.

Answer 1

недостающее хэш-символ:

var password = $("idpassword"); 

должно быть:

var password = $("#idpassword"); 

Answer 2

изменение var password = $("idpassword"); в var password = $("#idpassword");

Answer 3

также в вашей логике:

if(username.val().length==0 || password.val().length==0){ 
    alert('Please enter the username'); 
    return false; 
} 
else{ 
    if(password.val().length==0) 
    { 
     alert('Please enter the password'); 
     return false; 
    } 
    else 
     return true; 
} 

, если либо имя пользователя или пароль пуст, его всегда будет говорить «пожалуйста, введите имя пользователя», как это соответствует, если условие,

вы должны изменить его на 2, если это

if(username.val().length==0){ 
    alert('Please enter the username'); 
    return false; 
} 
if(password.val().length==0){ 
    alert('Please enter the password'); 
    return false; 
} 
return true; 

Таким образом, он проверяет, заполнено ли имя пользователя, а затем, если пароль заполнен, если оба они возвращают true, else, если он пуст, он будет указывать, что он пуст и возвращает false.

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