Form demo: jQuery fall back

Best viewed using an older browser that doesn't support HTML5 form elements.

Uses the long-form of attribute assignment: required="required"

jQuery code

var form = document.getElementById('formy');

if( !form.checkValidity ){
	$('#telnum').attr('value', $('#telnum').attr('placeholder') );

	$('#telnum').bind('blur', function(e){
		$('#telnum').attr('value', $('#telnum').attr('placeholder') );
	});

	$('#telnum').bind('focus', function(e){
		$('#telnum').attr('value', '' );
	});

	var numReg = new RegExp( $('#telnum').attr('pattern') );

	$('#formy').bind('submit', function(e){
		e.preventDefault();

		if( $('#fax').attr('value').match(numReg) ){
			form.submit();
		} else {
			$('#output').html('<b style="color:#b20000">Please submit the phone number in xxx-xxx-xxxx format.</b>');
		}

	});
else {}