0
ユーザーの名前、電話番号、電子メールアドレスを入力するフォームが必要です。名前フィールドには文字のみを含める必要があります。電話番号フィールドには数字だけを入力し、メールフィールドには '@'を含める必要があります。フォームはJavascriptを使用して検証する必要があります。ユーザーがsubmitをクリックすると、検証が行われます。助けてもらえますか？私の既存のコードを見てください：Javascriptでのテキストと数字のデータ検証
HTML：
<!DOCTYPE html>
<html lang = "en">
<head>
<title>Contact</title>
<script src="datavalidation.js"></script>
</head>
<body onload="document.registration.userid.focus();">
<section>
<h1>Contact</h1></br>
<h2>To get in contact with us please fill out the contact form below</h2></br>
<p>Fill in all of the boxes below and click the 'Submit' button to submit message and one of our team will get back in touch with you within 48 hours</p></br>
<form name='registration' onSubmit="return formValidation();">
<ul>
<li><label for="username">Name:</label></li>
<li><input type="text" name="username" size="50" /></li>
<li><label for="number">Phone No:</label></li>
<li><input type="text" name="number" /></li>
<li><label for="email">Email:</label></li>
<li><input type="text" name="email" size="50" /></li>
<li><label for="desc">Message:</label></li>
<li><textarea name="desc" id="desc"></textarea></li>
<li><input type="submit" name="submit" value="Submit" /></li>
</ul>
</form>
</section>
Javascriptを：
function formValidation()
{
var uname = document.registration.username;
var unumber = document.registration.number;
var uemail = document.registration.email;
{
if(allLetter(uname))
{
if(allnumeric(unumber))
{
if(ValidateEmail(uemail))
}
}
}
return false;
function allLetter(uname)
{
var letters = /^[A-Za-z]+$/;
if(uname.value.match(letters))
{
return true;
}
else
{
alert('Username must have alphabet characters only');
uname.focus();
return false;
}
}
function allnumeric(unumber)
{
var numbers = /^[0-9]+$/;
if(unumber.value.match(numbers))
{
return true;
}
else
{
alert('Phone number must have numeric characters only');
unumber.focus();
return false;
}
}
function ValidateEmail(uemail)
{
var mailformat = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/;
if(uemail.value.match(mailformat))
{
return true;
}
else
{
alert("You have entered an invalid email address!");
return false;
}
else
{
alert('Form Succesfully Submitted');
window.location.reload()
return true;
}
}
}
助けてください！
説明のビットは –
間違って持っていないだろう、私は私が間違っていた場所を知っているが、このためにそんなにありがとうしていない、それが動作します。 –