Как получить значение входного текста в jquery?

Question

Как получить значение входного текста в JavaScript?

Я хочу получить входное текстовое значение в скрипте jquery, но оно вызвало пустое.

мой код сценария:

<script type="text/javascript"> 
    var emails; 
    function checkRegistration() { 
     emails = document.getElementById('my_email').value; 
     alert(emails); 
    } 
</script> 

мой код формы:

<form method="post" role="form" onSubmit="return checkRegistration()" action="#"> 
    <div class="form-group"> 
     <input type="email" class="form-control" id="my_email" name="email" placeholder="Enter a valid email address"> 
    </div> 
    <div class="form-group"> 
     <input type="submit" name="submit" class="btn btn-primary btn-block" value="Forgot Password" /> 
    </div> 
</form> 

Answer 1

Сначала проверьте вы используете jquery.min.js файл или нет.

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

Попробуйте ниже

var my_email= $('#my_email').val(); 

Answer 2

Edit, Обновлено

Добавить required атрибут input type="email" элемента, чтобы предотвратить отправку формы, если значение не вводится пользователем

---

Использование .onchange событий

var emails = document.getElementById("my_email"); 
 

 
function checkRegistration() { 
 
    alert(this.value); 
 
} 
 

 
emails.onchange = checkRegistration;

<form method="post" role="form" action="#"> 
 
    <div class="form-group"> 
 
    <input type="email" class="form-control" id="my_email" name="email" placeholder="Enter a valid email address" required> 
 
    </div> 
 
    <div class="form-group"> 
 
    <input type="submit" name="submit" class="btn btn-primary btn-block" value="Forgot Password" /> 
 
    </div> 
 
</form>