如何获取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

编辑，更新

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>