1. Please create a simple webpage that will collect: first name, last name, phon
ID: 3883296 • Letter: 1
Question
1. Please create a simple webpage that will collect: first name, last name, phone number, email, and mailing address. All of those filed should be validated by a proper regular expression. Your regular expression will make sure that:
First name, last name: only letters and shorter than 40 characters
Phone number: a valid phone number in the format of xxx-xx-xxxx or (xxx) xx-xxx
Email: a valid email address
Mailing address: A valid address should include Street number, Street name, City, State and a zipcode
2. If any of the fileld is not valid, user cannot submit.
3. You can use any library, framework or programming language, as long as you will create a webpage with the required input fields.
Explanation / Answer
Answer:-
Here is the code for your question
<html>
<head>
<title>Form Regex Input</title>
<script type="text/javascript">
var regName = /^[A-Za-z0-9 ]{3,20}$/;
var regEmail = /^([w-]+(?:.[w-]+)*)@((?:[w-]+.)*w[w-]{0,66}).([a-z]{2,6}(?:.[a-z]{2})?)$/i
var regUname = /^[A-Za-z0-9_]{1,20}$/;
var regPsswd = /^[A-Za-z0-9!@#$%^&*()_]{6,20}$/;
function validity(form){
var nme = form.nme.value;
var mail = form.mail.value;
var unmae = form.unmae.value;
var psswd = form.psswd.value;
var gen = form.gen.value;
var err = [];
if (!regName.test(nme)) {
err[err.length] = "You valid Name .";
}
if (!regEmail.test(mail)) {
err[err.length] = "You must enter a valid mail
address.";
}
if (!regUname.test(unmae)) {
err[err.length] = "You valid UserName no special
char .";
}
if (!regPsswd.test(psswd)) {
err[err.length] = "You must enter a valid Password ";
}
if (gen==0) {
err[err.length] = "Select Gender";
}
if (err.length > 0) {
reportErrors(err);
return false;
}
return true;
}
function reportErrors(err){
var msg = "Please Enter Valide Data... ";
for (var i = 0; i<err.length; i++) {
var numError = i + 1;
msg += " " + numError + ". " + err[i];
}
alert(msg);
}
</script>
</head>
<body>
<form autocomplete="off" method="post" action="#" name="form">
<div class="info">
<h2>Registration Form</h2>
Name: <input id="nme" name="nme" type="text" value="" maxlength="255" tabindex="1"/>
Email: <input id="mail" name="mail" type="text" value="" maxlength="255" tabindex="2" />
Username: <input id="unmae" name="unmae" type="text" value="" maxlength="255" tabindex="2" />
Password: <input id="pssed" name="pssws" type="password" value="" maxlength="255" tabindex="2" />
<select id="gen" name="gen" tabindex="5">
<option value="0">Gender</option>
<option value="1">Male</option>
<option value="2">Female</option>
</select>
<input type="submit" value="Submit"/>
</form>
</body>
</html>
kindly rate my answer thank you
Related Questions
Navigate
Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.