输入提交后警报框不起作用

问题描述

我有两个数字20和0。

我的代码应该基于输入和提交的两个数字之一显示一个警报框。但是,当我输入两个数字之一时,单击“提交”就不会发生任何事情。

不确定表单动作属性是否是原因,但是它是一个名为compact.html的单页html文档,因此是动作属性的值。

<!DOCTYPE html>
<html>
<head>
<title>Check PIN</title>
<script type="text/javascript">
    function userCode {

    if (document.registration.pincode.value == "20") {
        alert("Congrats,you passed!");
        document.registration.pincode.focus();
        return false;
    }

    if (document.registration.pincode.value =="0") {
        alert("Sorry,you failed!");
        document.registration.pincode.focus();
        return false;
    }
    return (true);
   }    
  </script> 
</head>
<body>
 <form action="compact.html" name="registration" onsubmit = "return(userCode());">
    <label>Please enter your PIN:</label><br>
    <br>
    <input type="text" name="pincode"><br>
    <br>
    <input type="button" name="Submit" value="Submit"> 
 </form>
</body>
</html>

解决方法

您可以使用html的onclick事件来触发JS函数;为此,需要更改以下行:

 <input type="button" name="Submit" value="Submit"> 

具有以下内容:

 <input type="button" name="Submit" value="Submit" onclick="userCode()"> 

注意:您始终可以在浏览器控制台上调试代码(按功能键-f12)

相关问答

依赖报错 idea导入项目后依赖报错,解决方案:https://blog....
错误1:代码生成器依赖和mybatis依赖冲突 启动项目时报错如下...
错误1:gradle项目控制台输出为乱码 # 解决方案:https://bl...
错误还原:在查询的过程中,传入的workType为0时,该条件不起...
报错如下,gcc版本太低 ^ server.c:5346:31: 错误:‘struct...