Deck 6: Enhancing and Validating Forms

Question 1

You can use the CSS ____ pseudo-classes to change the properties of form elements based on their validity status.

A) :submit  and  :reset
B) :hover  and  :blur
C) :before  and  :after
D):invalid and :valid

Answer 1

D

Question 2

You use the ____ method on an object to block the action normally associated with an event.

A)preventDefault()
B)submit()
C)checkValidity()
D)select()

Answer 2

A

Question 3

Many aspects of the way browsers present browser-based validation feedback are customizable  through the properties and methods of the ____.

A)Document Object Model
B) DOM tree
C)browser object model
D)constraint validation API

Answer 3

D

Question 4

In general, modern browsers display validation feedback after the ____ event is triggered by a form.

A) submit
B) reset
C) validate
D) check

Question 5

What element property would you use when copying the contents of one text field to another text field?

A) value
B) default
C) content
D) selectedIndex

Question 6

Which attribute enhances usability in modern browsers?

A) id
B) src
C) placeholder
D) value

Question 7

To display no default value on a selection list, you set its ____ property to -1.

A) selectedIndex
B) checked
C) selected
D) value

Question 8

Which attribute toggles off validation of a form when added to the opening

tag?

A) validation
B) submit
C) novalidate
D) nosubmit

Question 9

The ____ event fires when a form is submitted.

A)clear
B)blur
C)input
D)submit

Question 10

Assistive functions perform a type of validation.

Question 11

Which form element is useful for limiting user options to a set of choices?

A)textarea
B)selection list
C)text input box
D)submit button

Question 12

Which type value for the input element triggers validation in modern browsers?

A) validate
B) text
C) number
D) password

Question 13

To check if an option button is selected, you access the value of its ____ property.

A) marked
B) selected
C) checked
D) value

Question 14

Modern browsers can perform many validation tasks themselves without any extra JavaScript.

Question 15

By default, browsers create an collection of form objects that you can reference using array notation.

Question 16

In modern browsers, which attribute of an input element prevents the form from being submitted if the field is left blank?

A) novalidate
B) required
C) min
D) max

Question 17

You create an empty document fragment using the ____ method.

A)cloneNode()
B) createElement()
C)submit()
D) createDocumentFragment()

Question 18

While JavaScript lets you  perform validation in a user's browser, the server-side programs that receive form data generally  perform validation as well.

Question 19

Validation errors found by modern browsers are reported in ____.

A) separate browser windows
B)the Address bar
C)the Status bar
D)bubbles

Question 20

You can use HTML to set the default value of a selection list so no option is selected.

Question 22

How can you add options to a selection list with JavaScript?

Question 23

When a control's value is found to be invalid during constraint validation, the ____ event is triggered.

A)input
B)invalid
C)change
D)focus

Question 24

To check a group of fields and trigger an error message if any of them is empty, you use a(n)____ statement.

A) debugger
B)loop
C) console.log()
D)submit

Question 25

Instead of document.getElementsByTagName("form")[0] , you could use the code

A)document.forms[0]
B)document.form[0]
C) document.getFormElements[0]
D)document.forms.form[0]

Question 26

Describe two advantages of referencing form objects using methods such as getElementById()rather than the forms array.

Question 27

Describe the three behaviors that make up the placeholder effect in modern browsers, and that you need toreplicate with JavaScript for older browsers.

Question 28

Enhancements to HTML and to modern browsers have allowed browsers themselves to  perform many validation tasks without any extra JavaScript. This type of validation  is known as __________ validation.

Question 29

__________ is the process of checking that information provided by users conforms to rules to ensure that it appropriately answers a form's questions and is provided in a format that the site's back-end programs can work with.

Question 30

Creating a function to validate required fields generally involves retrieving the values of the  required fields and checking if the value of any of them is __________.

Question 31

Use of the ____ attribute of the form element is not allowed in the strict DTD for XHTML.

A) id
B) class
C) name
D) method

Question 32

For any fields that require numeric values, you can use JavaScript's built-in ____   function  to determine whether a user actually entered a number.

A) submit()
B) reset()
C) validate()
D) isNaN()

Question 33

Describe how you can use JavaScript to simulate the behavior of the placeholder attribute in older browsers?.

Question 34

What does a function to validate required fields generally need to do?

Question 35

The requirements of the form you're validating determine the kind of logic you need to  incorporate into a custom validation program. However, a few types of validation functions  are particularly common. Name two.

Question 36

Why is is usually not necessary to include testing for the number of characters in user input in custom validation functions?

Question 37

If you were designing a form with a question that asked users if they had ever visited a certain city, would you expect more accurate input using a text input box or a check box? Why?

Question 38

In what situations can you get more accurate information on a form byusing form fields other than text boxes? Name two types of fields you might use instead. 

Question 39

For all custom validation, it can be helpful to use the __________  structure for handling errors.

Question 40

To send the values entered in a form to a web server with JavaScript, you use the __________ method.

Question 41

What is an assistive function? Give an example of a situation in which you might use an assistive function.