0
form.html file
<!DOCTYPE html>
<html lang="en">
<head>
<title>Form Validation in Javascript</title>
<link rel="stylesheet" type="text/css" href="style.css"/>
<body>
<div id="form">
<h1>Registration Form</h1><br><br>
<form name="registerform" onsubmit="validation()">
<label>FirstName:</label>
<input type="text" name="firstname" placeholder="firstname"/>
<span class="error" id="firstnameerror">hello</span><br><br>
<label>LastName:</label>
<input type="text" name="lastname" placeholder="lastname"/><br><br>
<label>Email:</label>
<input type="email" name="email" placeholder="email"/><br><br>
<label>UserName:</label>
<input type="text" name="username" placeholder="username"/><br><br>
<label>Password:</label>
<input type="password" name="password" placeholder="*******"/><br><br>
<button type="submit" name="submit" >Register</button>
</form>
</div>
<script src="script.js"></script>
</body>
</head>
</html>
style.css
*{
margin:0px;
padding:0px;
}
body{
background-color:skyblue;
}
form{
margin-left:400px;
margin-top:100px;
}
h1{
text-align:center;
}
input{
width:40%;
height:35px;
}
label{
width:120px;
float:left;
height:35px;
font-size:25px;
}
button{
width:120px;
height:50px;
border-radius:6px;
background-color:green;
color:black;
}
スクリプト。私はと呼ばれるフォームの検証機能が、エラーメッセージの送信ボタンをクリックしたときに、なぜ私がしたいタグがあるJS spanタグであり、水平方向のみこんにちはユーザ名を入力して見られないjavascriptのフォーム検証コードでエラーが発生しました
function validation(){
var firstname=document.forms["registerform"]["firstname"].value;
var lastname=document.forms["registerform"]["lastname"].value;
var email=document.forms["registerform"]["email"].value;
var username=document.forms["registerform"]["username"].value;
var pwd=document.forms["registerform"]["password"].value;
if(firstname=="")
{
document.getElementById("firstnameerror").innerHTML="Please enter the username";
}
}
を私の問題がされてファイルカスタムメッセージを表示してください。ユーザー名フィールドに空白文字が入力されていて、送信したいのにコードが機能していない場合は、