javascript - 如何在不提交表单的情况下获取 javascript 中输入字段的值？

Question

我是 javascript 的新手，对如何在不提交表单的情况下获取输入字段的值有疑问。我有以下一小段代码，我将其与实时验证脚本结合使用来验证字段。

<form name="FormName" method="post" />
    <input type="text" id="nameValidation" value="HelloWorld" />
    <script type="text/javascript">
       var NameValue = document.forms["FormName"]["nameValidation"].value;
    </script>
</form>

我希望 var NameValue 是您在输入字段中键入内容的值，以便我可以在验证后出现的消息中使用它。当我在不提交表单的情况下更改输入字段的值时，var NameValue 仍设置为“HelloWorld”。在做了一些研究之后，我发现我可以使用 jQuery 及其函数 serialize() 来解决它。没有 jQuery 有没有办法做到这一点？

Answer 1

没有 jQuery :

var value = document.getElementById('nameValidation').value;

您所拥有的语法可用于通过名称而非 ID 获取输入。

如果你想在它改变时使用这个值，你可以这样做:

var nameValidationInput = document.getElementById('nameValidation');
function useValue() {
    var NameValue = nameValidationInput.value;
    // use it
    alert(NameValue); // just to show the new value
}
nameValidationInput.onchange = useValue;  
nameValidationInput.onblur = useValue;