javascript - 目前正在学习javascript和html
问题描述
#我试图做到这一点,以便用户必须输入一个已经存在的登录名,但是我不知道如何实际实现它,当我尝试使用 if 语句时,我没有得到任何响应,任何帮助表示赞赏
<html>
<head>
<link href="revision.css" rel= "stylesheet">
</head>
<body>
<script type="text/javascript">
function login()
{ //start function
alert('the form was submitted')
var user_id = "jack",
password = "password"
} //end function
</script>
<form onsubmit = "login()">
<p>Enter user ID <input type="text" name="user"></p>
<p>Enter password <input type="text" name="password"></p>
<input class = "submit" type="button" name="submit" value="login" onclick="login()"/>
<p id="text"></p>
</form>
</body>
</html>
解决方案
只要您有一个表单和一个提交按钮,浏览器就应该自己处理。
根据标准,您的输入按钮应具有type="submit"
as 属性。
您还可以删除onclick
按钮上的属性。
<form onsubmit = "login()">
<p>Enter user ID <input type="text" name="user"></p>
<p>Enter password <input type="text" name="password"></p>
<input class = "submit" type="submit" name="submit" value="login"/>
<p id="text"></p>
</form>
请注意,您login()
需要返回 true,否则不会提交任何内容,并且浏览器不会存储用户登录信息。
推荐阅读
- java - Java 应用程序的生产级 Cassandra 客户端配置
- reactjs - 在 React App 中运行 npm test 时出现 BABEL_ENV 问题
- java - Android:限制用户在 ViewPager 中滑动屏幕
- git - 使用 CircleCI 时如何仅部署更新的组件而不是整个 repo
- sensors - 使用简单的算术转换传感器值
- php - php foreach 嵌套循环检索所有记录
- python - 使用字典中定义的名称值与 numpy.savez
- c# - 如何在 .NET Standard 2.0 中获取总系统 RAM?
- html - 如何将选择选项值添加到 Enumerable.Range SelectList
- c# - UWP XAML - 将 GridView 调整为 ListViewItem 父级的全宽