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>

如何在jquery中获取输入文本值？

2 个答案: