基本 Javascript 名稱輸入驗證
[英]Basic Javascript name input validation
問題描述
您好，我是 javascript 的新手，只想做一個基本的 else if 名稱輸入驗證。 我一直遇到同樣的問題。 它直接去else。 請幫忙。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<title>Project</title>
</head>
<body>
<label id =myLabel>Enter your friends name:</label><br>
<input id="textField" type="text" placeholder="Enter name"><br>
<button id="submitBtn" type="button">Submit</button><br>
<p id="outputName"></p>
<script src="index.js"></script>
</body>
</html>
let username = document.getElementById("textField").value;
let submit = document.getElementById("submitBtn");
let output = document.getElementById("outputName");
submit.onclick = function(){
if(username === "Rodney" || username === "rodney"){
output.innerHTML = username + " access denied";
}
else if(username === "Alexander" || username === "alexander"){
output.innerHTML = username + " access granted";
}
else{
output.innerHTML = username + " not defined";
}
}
我想在 output 的名稱和訪問權限授予或拒絕段落標記中的 id 為 outputName。
2 個解決方案
解決方案1
2 已采納 2022-12-10 18:43:00
當用戶還沒有輸入任何內容時，您已經保存了一個空的用戶名值
您必須獲得onclick中的值
let submit = document.getElementById("submitBtn");
let output = document.getElementById("outputName");
submit.onclick = function(){
let username = document.getElementById("textField").value;
if(username === "Rodney" || username === "rodney"){
output.innerHTML = username + " access denied";
}
else if(username === "Alexander" || username === "alexander"){
output.innerHTML = username + " access granted";
}
else{
output.innerHTML = username + " not defined";
}
}
要么
let usernameField = document.getElementById("textField")
let submit = document.getElementById("submitBtn");
let output = document.getElementById("outputName");
submit.onclick = function(){
const username = usernameField.value;
if(username === "Rodney" || username === "rodney"){
output.innerHTML = username + " access denied";
}
else if(username === "Alexander" || username === "alexander"){
output.innerHTML = username + " access granted";
}
else{
output.innerHTML = username + " not defined";
}
}
解決方案2
0 2022-12-10 19:00:59
問題是，在“提交”function 中，您檢查的是空值。 因此，一旦用戶單擊按鈕，您需要獲取用戶輸入的更新值，然后在 if-else 塊中進行比較。
基本的JavaScript表單驗證-使用相同的功能驗證相同的輸入類型
[英]basic javascript form validation - validate same input types with same function
需要對名稱和電子郵件字段進行非常基本的Java腳本形式驗證
[英]Need Very Basic Javascript Form Validation for Name and Email Field
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.