javascript - 如何将用户输入到 html 文本表单字段中的值传递给 javascript 函数?

标签 javascript html function input textfield

我正在尝试通过生成用户必须在文本输入表单字段中输入的随机数来创建自己的反垃圾邮件过滤器,如果正确,则进入下一页,如果不正确,则会显示错误输入的号码不正确。

我的 html 表单有以下代码:

 <form name="input" action="nextpage.html" onSubmit="return checkUserInput()" method="get">
 Number: 

 <input type="text" name="user" />
 <input type="submit" value="Submit" />

 </form>

checkUserInput() 是一个 JavaScript 函数,它将获取用户的输入,将其与显示的随机数进行比较以确保它们相同,然后返回 true,如果两个数字不相同则返回 false .

如何获取用户在文本字段表单中输入的输入并将其传递给 checkUserInput() 函数。我认为这将是“return checkUserInput(INPUT)”,但我不确定如何正确地将用户的输入传递给函数。

我遇到的第二个问题是,我希望页面使用不同的随机数刷新,并且如果用户在数字不相同时单击“提交”,则显示错误消息。现在唯一存在的操作是:action="nextpage.html",但我想要一个 checkUserInput() 返回 false 时的选项。有没有办法根据 checkUserInput() 返回 true 或 false 来执行两种不同的操作?

谢谢, 乔

这也是我的 checkUserInput() 函数:

 var whatevertheyentered;

 function checkUserInput(whatevertheyentered){

 if(whatevertheyentered == randomnumber){
      return true;
 }
 else {
      return false;
 }

 }

最佳答案

您可以使用 document.form[0].user.value 访问它(假设它是页面上的第一个表单)。

或者为“用户”输入框提供一个 ID,然后使用 document.getElementById("theId") 找到它。

checkUserInput 函数中执行这两项操作。

关于javascript - 如何将用户输入到 html 文本表单字段中的值传递给 javascript 函数?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7289003/

相关文章:

javascript - 将函数传递给 React Component 然后调用它会导致 "Uncaught TypeError: x is not a function"

javascript - 从动态内容中获取 LI 数据 ID

JavaScript正则表达式验证时间格式 "09:15 AM"

javascript - React - 使用同一类渲染多个组件 - 不变违规

html - 如何仅使用一行 css 将第 2 个和第 3 个元素作为第 n 个子元素的目标?

javascript - 重定向到带有href链接的页面后如何执行JS代码?

function - 如何转换函数类型?

javascript 使用非内联函数

javascript - 即使取消后表格仍在发布

javascript - 进度条无法滚动