Create a web page using PHP/HTML with a “nag” counter that reminds users to regi

ID: 3798254 • Letter: C

Question

Create a web page using PHP/HTML with a “nag” counter that reminds users to register for the e-commerce site they are visiting. Tell them about all the benefits they will receive as registered users (make something up). Save the counter in a cookie and display a message reminding users to register every fifth time they visit your site. (The message should appear after you refresh the page 4 times). Create a form in the body of the document that includes text boxes for a user’s name and e-mail address along with a Registration button. Normally, registration information would be stored in a database. For simplicity, this step will be omitted from this exercise. After a user lls in the text boxes and clicks the Registration button, delete the nag counter cookie and replace it with cookies containing the user’s name and e-mail address. After registering, display the name and e-mail address cookies whenever the user revisits the site. Ensure that you comment your code appropriately. Please no scanned written copies that are hard to read.

Explanation / Answer

Here is the registration form:

<form id='register' action='register.php' method='post'

accept-charset='UTF-8'>

<legend>Register</legend>

<label for='email' >Email Address*:</label>

<label for='username' >UserName*:</label>

<label for='password' >Password*:</label>

</fieldset>

</form>

Form validation

At this point it is a good idea to put some form validation code in place, so we make sure that we have all the data required to create the user account. We need to check if name and email, and password are filled in and that the email is in the proper format.

We can use the free JavaScript form validation script to add form validations quickly and easily, with lesser code.

Here is a sample JavaScript validation code to be used for the sample form we created earlier:

var frmvalidator = new Validator("register");

frmvalidator.EnableOnPageErrorDisplay();

frmvalidator.EnableMsgsTogether();

frmvalidator.addValidation("name","req","Please provide your name");

frmvalidator.addValidation("email","req","Please provide your email address");

frmvalidator.addValidation("email","email","Please provide a valid email address");

frmvalidator.addValidation("username","req","Please provide a username");

frmvalidator.addValidation("password","req","Please provide a password");