html输入文本“密码框”和检查密码是否正确的按钮显示"OK“或"ERROR”
我是第一个学期的网络学生。在本学期末介绍给JavaScript。教授没有涉及任何类型的细节。我已经在W3schools和谷歌上搜索过帮助。在超文本标记语言中，我要创建一个输入文本框(type=“文本”)和一个按钮(type=“按钮”)没有。这部分很简单。
我不理解的部分是JavaScript。当页面加载时，文本框应该获得焦点。我将在包含JS注释(而不是HTML注释)的html页面中添加JS，并解决以下任务:编写当用户单击按钮时将执行的事件代码。如果用户输入了正确的密码，则在页面上显示"OK“，否则在单击另一个按钮时，如果密码不正确，则会显示"ERROR”。正文的fontSize更改为30px。
现在..。我意识到这应该是一个简单的项目，我应该能够去找我的教授提出问题，但这是一个在线课程，当我寻求帮助时，他就会拒绝我。我甚至不知道还能搜索什么。W3schools没有类似的功能。请帮帮忙。我就是不明白。我不想为我做这件事。只将别人的代码添加到我的项目中，而不学习我将来需要的东西，这是没有意义的。我正在寻找一些资源，以帮助我更好地理解这个项目中我正在努力的部分。谢谢!
W3schools谷歌搜索
<label for="password">Password:</label>
<input id="password" type="text" />
<input id="Button1" type="button" value="Run" onclick="passcheck()" />
<p id="result">
result:
</p>回答 2
Stack Overflow用户
发布于 2019-04-11 00:48:16
您可以尝试如下所示：
<body>
<div>
Password:
<input id="password" type="text" />
<input id="Button1" type="button" value="Run" onclick="passcheck()" />
</div>
Result: <span id="result"/>
<script>
function passcheck() {
const resultRef = document.getElementById('result');
const inputRef = document.getElementById('password');
/* You can pass any other condition
for checking the validity of the password
instead of inputRef.value.length >= 6
*/
const resultText = inputRef.value.length >= 6 ? 'OK' : 'ERROR';
resultRef.innerHTML = resultText;
}
</script>
</body>此外，为了更好的可用性https://www.w3schools.com/html/html_form_input_types.asp，最好使用type=“password
只需在w3schools https://www.w3schools.com/js/js_htmldom_methods.asp上传递所有JS教程
希望它能对你有所帮助)
Stack Overflow用户
发布于 2019-04-11 00:50:38
欢迎来到JavaScript世界！
据我所知，你有两件事要做。1)将输入集中在加载上2)对按钮点击进行验证3)使用JavaScript更改字体大小
首先，要将任何输入元素集中在JavaScript中的load上，我们需要获取该元素，然后我们可以简单地调用JavaScript的tue焦点函数。
<script>
document.getElementById(“password”).focus();
</script>在上面给定的代码中，我们通过getElementById获取任何元素(输入)，然后通过调用focus()函数将其设置为焦点。
其次，您还必须在函数中获取password元素，并获取它的值并进行一些验证。
<script>
function passcheck(){
var password= document.getElementById(“password”).value;
if(password == ‘your password’){
alert(“Ok”);
}else{
alert(“invalid password”);
}
}
</script>在上面的代码中，值是元素的属性，它是您在输入(密码)中键入的实际值。
第三，您可以创建像changeFont()这样的函数并进行更改。
<script>
function changeFont(){
document.getElementById(“your element id”).fontSize= “30px”
}
</script>最终的JavaScript代码：
<script>
document.getElementById(“password”).focus();
function passcheck(){
var password= document.getElementById(“password”).value;
if(password == ‘your password’){
alert(“Ok”);
}else{
alert(“invalid password”);
}
}
function changeFont(){
document.getElementById(“your element id”).fontSize= “30px”
}
</script>如果您想了解有关JavaScript的更多信息，请访问w3schools
https://stackoverflow.com/questions/55617171
复制相似问题
腾讯云开发者
