/    Sign up×
Community /Pin to ProfileBookmark

online application form?

Hi all

I’m a beginner who is studying an online course and I’m not getting much help from my tutor. I’ve been asked to create an online application form and i’m struggling with the last part. Creating a submit button which when pressed will submit the form, however this must invoke the validation. When I click submit the reply page just says ‘hmmm…. cannot reach this page’. Can you tell me what I’m doing wrong? I’ve attached the coded.

to post a comment
CSSFull-stack Developer

1 Comments(s)

Copy linkTweet thisAlerts:
@bobbed12authorMay 20.2019 — Hi all

I'm a beginner studying web development online and I'm not getting much help from my tutor. I'm trying to create an online application form and i'm get a submit button to function.. When I press the submit button on my completed HTML page I get a reply which just says 'hmmm.... cannot reach this page'. Can you tell me what I'm doing wrong? I've attached the coded. I'm in desperate need of help, any pointer are appreciated.

Best wishes

Dan

<!DOCTYPE html>

<html>

<body>

<h1>National Astronomy Club</h1>

<h2>Club Membership Registration</h2>

<p>Complete the form below to sign up for our membership service.</p1>


<form id="myForm" action="/action_page.php">

Forname: <input type="text" name="fname"><br>

Surname: <input type="text" name="Sname"><br>

Mobile: <input type="text" name="mobile"><br>

Email: <input type="text" name="email"><br>

Address: Street Address:<input type="text" name="address"><br>

Town-City: <input type="text" name="Town/City"><br>

County: <input type="text" name="County"><br>

Post Code: <input type="text" name="Post Code"><br>

Date of Birth: Day<input type="text" name="Day"><br>

Month: <input type="text" name="Month"><br>

Year: <input type="text" name="Year"><br>

<input type="submit" value="Submit">

</form>

<body>

<p>Click if your renewing your membership:</p>

<button type="button" id="danBtn" onclick="danFunction()">renewing</button>

<p id="dan1"></p>

<script>

function danFunction() {

var x = document.getElementById("danBtn");

x.disabled = true;

}

</script>

</body>

<p>Which major planets have you seen through a telescope?</P>

<form action="">

<input type="checkbox" name="about us" value="Mercury">Mercury<br>

<input type="checkbox" name="about us" value="Venus">Venus<br>

<input type="checkbox" name="about us" value="Mars">Mars<br>

<input type="checkbox" name="about us" value="Jupiter">Jupiter<br>

<input type="checkbox" name="about us" value="Saturn">Saturn<br>

<input type="checkbox" name="about us" value="Uranus">Uranus<br>

<input type="checkbox" name="about us" value="Neptune">Neptune<br>

<input type="checkbox" name="about us" value="None">None<br>

</form>

<p>State your age bracket</p>

<form>

<input type="radio" name="question" value="Under 18">Under 18<br>

<input type="radio" name="question" value="18-65">18-65<br>

<input type="radio" name="question" value="Over 65">Over 65<br>

</form>

<p>Country of residence</p>

<select>

<option value="not selected">not selected</option>

<option value="england">England</option>

<option value="scotland">Scotland</option>

<option value="wales">Wales</option>

<option value="northern ireland">Northern Ireland</option>

</select>

<script>

function myFunction() {

var x = document.getElementById("myForm").action;

document.getElementById("dan2").innerHTML = x;

}

</script>

<form action="/action_page.php" method="get">

E-mail: <input type="email" name="userid"><br>

<button type="submit">Submit</button><br>

<button type="submit" formnovalidate>Submit without validation</button>

</form>

</body>

</html>
×

Success!

Help @bobbed12 spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 4.25,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,

tipper: @Samric24,
tipped: article
amount: 1000 SATS,
)...