私はjavascriptを初めて使っています。私はこのコードを書いた、フォームはうまくいきます。しかし、スクリプトの部分がうまくいかず、コードに何が間違っているのかを知ることができ、必要な調整ができるようにプログラムを動作させる方法を教えてください。私はこのコードを書いて、フォームが表示されています。しかし、スクリプトの部分が動作していない、誰もそれが間違っていることを見つけることができますか?
function validateform() {
var f = document.forms["myForm"]["fname"].value;
var l = document.forms["myForm"]["lname"].value;
var u = document.forms["myForm"]["uname"].value;
var p = document.forms["myForm"]["password"].value.length;
var a = document.forms["myForm"]["age"].value;
var g = document.forms["myForm"]["gender"].value;
var m = document.forms["myForm"]["mobile"].value.length;
var e = document.forms["myForm"]["email"].value;
if (f == "" || f == null) {
document.getElementsByTagName("fname").innerHTML = "Please Enter your First Name ";
status = false;
}
if (l == "" || l == null) {
document.getElementsByTagName("lname").innerHTML = "Please Enter your Last Name ";
status = false;
}
if (u == "" || u == null) {
document.getElementsByTagName("uname").innerHTML = "Please Choose a Username ";
status = false;
}
if (p < 6) {
document.getElementsByTagName("password").innerHTML = "Password must be atleast 6 characters ";
status = false;
}
if (a == "" || a == null) {
document.getElementsByTagName("age").innerHTML = "Please Enter your age";
status = false;
}
if (g == "" || g == null) {
document.getElementsByTagName("gender").innerHTML = "Please select your gender";
status = false;
}
if (m < 10 || m > 10) {
document.getElementsByTagName("mobile").innerHTML = "Please Enter a valid Mobile Number";
status = false;
}
if (e == "" || e == null) {
document.getElementsByTagName("email").innerHTML = "Please Enter a valid email address";
status = false;
}
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<html>
<head>
</head>
<body>
<form name="myForm" method="post" action="/action_page_post.php" onsubmit="validateform()">
<fieldset>
<legend>
<h4>Registration Form</h4>
</legend>
<table>
<tr>
<td>First Name:</td>
<td><input type="text" name="fname" /></tr>
</td>
<tr>
<td>Last Name:</td>
<td><input type="text" name="lname" /></tr>
</td>
<tr>
<td>Username:</td>
<td><input type="userid" name="uname" /></tr>
</td>
<tr>
<td>Password:</td>
<td><input type="password" name="password" minlength="6" /></tr>
</td>
<tr>
<td>Age:</td>
<td><input type="number" name="age" /></tr>
</td>
<tr>
<td>Gender:</td>
<td><input list="genders" name="gender" /></tr>
</td>
<datalist id="genders">
<option value = "Male">
<option value = "Female">
<option value = "Other">
</datalist>
<tr>
<td>Mobile:</td>
<td><input type="number" name="mobile" minlength="10" /></tr>
</td>
<tr>
<td>E-mail:</td>
<td><input type="email" name="email" /></tr>
</td>
<tr>
<td colspan="2"><input type="submit" value="Submit" /> </td>
</tr>
</fieldset>
</table>
</form>
</body>
</html>
を:あなたはあなたの条件に応じて変更することができ、怒鳴る更新されたコードを参照してください?定義してください – Weedoze
どのバージョンのhtmlを使用していますか? –
最初の間違いは、 'getElementByTagName'は関数ではありません。その 'getElementsByTagName'です。第二に、それはのNodeListを返しますので、あなたが行うことはできません 'getElementsByTagNameの()。innerHTML' – Rajesh