LayoutTests/fast/forms/ValidityState-patternMismatch.html - WebKit - Git at Google

 <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
 <html>
 <head>
 <script src="../../resources/js-test-pre.js"></script>
 </head>
 <body>
 <p id="description"></p>
 <div id="console"></div>
 <div id=container>
 <input id="simple" pattern="[0-9][A-Z]{3}" value="0AAA"
 /><input id="no-pattern-and-no-value"
 /><input id="ip-address" type="text" pattern="\b(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\b" value="127.0.0.1"
 /><input id="email-address" type="text" pattern="[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?" value="someone@somewhere.com"
 /><input id="wrong-email-address" type="text" pattern="[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?" value="Wrong!"
 /><input id="match-1" type="text" pattern="\b(word1|word2|word3)(?:\W+\w+){1,6}?\W+(word1|word2|word3)\b" value="word1 near word2"
 /><input id="match-2" type="text" pattern=".{5,}" value="12345"
 /><input id="match-3" type="text" pattern=".{5,}" value="*(@$!"
 /><input id="match-4" type="text" pattern=".{5,}" value="*(@^$!"
 /><input id="match-5" type="text" pattern="0|1|2|3|4|5|6|7|8|" value="3"
 /><input id="match-6" type="text" pattern="^(foo).*" value="foo"
 /><input id="match-7" type="text" pattern="^(foo).*" value="fooo"
 /><input id="match-8" type="text" pattern="\w" value="f"
 /><input id="match-9" type="text" pattern="\." value="."
 /><input id="match-10" type="text" pattern="\)\(" value=")("
 /><input id="match-11" type="text" pattern="ab" value="ab"
 /><input id="match-12" type="text" pattern="^ab" value="ab"
 /><input id="match-13" type="text" pattern="^\(" value="("
 /><input id="match-14" type="text" pattern="...\)\(..." value="aaa)(bbb"
 /><input id="match-15" type="text" pattern="^" value=""
 /><input id="match-16" type="text" pattern="$" value=""
 /><input id="match-17" type="text" pattern="foobar" value="" />
 <input id="match-18" type="text" pattern="[0-9]|10|11|12" value="10" />
 <input id="match-19" type="text" pattern="10|11|12|[0-9]" value="12" />
 <input id="match-20" type="text" pattern="f(o|e)\1" value="foo" />
 <input id="match-21" type="text" pattern="a.b" value="a&#x1D306;b" />
 <input id="empty-pattern-match" type="text" pattern="" value="" />
 <input id="wrong-gray-or-grey" type="text" pattern="gr[ae]y" value="Wrong!"
 /><input id="gray" type="text" pattern="gr[ae]y" value="gray"
 /><input id="grey" type="text" pattern="gr[ae]y" value="grey"
 /><input id="empty-gray-or-grey" type="text" pattern="gr[ae]y" value=""
 /><input id="mismatch-1" type="text" pattern="((4\.[0-3])|(2\.[0-3]))" value="Something 4.0"
 /><input id="mismatch-2" type="text" pattern="\w" value="*"
 /><input id="mismatch-3" type="email" pattern="[0-9]" value="something"
 /><input id="mismatch-4" type="text" pattern=".{5,}" value="1234"
 /><input id="mismatch-5" type="text" pattern=".{5,}" value="*)$!"
 /><input id="mismatch-6" type="text" pattern=".{5,}" value="(^$!"
 /><input id="mismatch-7" type="text" pattern="0|1|2|3|4|5|6|7|8|" value="a"
 /><input id="mismatch-8" type="text" pattern="^(foo).*" value="a foo"
 /><input id="mismatch-9" type="text" pattern="\w" value="134"
 /><input id="mismatch-10" type="text" pattern="\." value="\."
 /><input id="mismatch-11" type="text" pattern="\)\(" value=") ("
 /><input id="mismatch-12" type="text" pattern="ab" value="a"
 /><input id="mismatch-13" type="text" pattern="ab" value="b"
 /><input id="mismatch-14" type="text" pattern="^ab" value="abc"
 /><input id="mismatch-15" type="text" pattern="^\(" value="(something"
 /><input id="mismatch-16" type="text" pattern="\)\\" value="something)\"
 /><input id="mismatch-17" type="text" pattern="...\)\([b]{3}" value="adf)(bbbTEST"
 /><input id="mismatch-18" type="text" pattern="foo\\" value="food"
 /><input id="mismatch-19" type="text" pattern="^" value="wrong"
 /><input id="mismatch-20" type="text" pattern="$" value="wrong"
 /><input id="mismatch-21" type="text" pattern="f(o|e)\1" value="foe"
 /><input id="mismatch-22" type="text" pattern="a..b" value="a&#x1D306;b" />
 <input id="mismatch-23" type="text" pattern="a...b" value="a&#x1D306;b" />

 <input id="invalid-01" type="text" pattern=")foo(" value="foo"/>
 <input id="invalid-02" type="text" pattern=")foo(" value="foobar"/>
 <input id="invalid-03" type="text" pattern=")foo(" value=")foo"/>
 <input id="invalid-04" type="text" pattern="foo\" value="foo\"/>
 <input id="invalid-05" type="text" pattern="[0-9" value="1"/>
 <input id="invalid-06" type="text" pattern="[0-9" value="a"/>
 <input id="invalid-07" type="text" pattern="foo\'bar" value="foo'bar"/>
 <input id="invalid-08" type="text" pattern="foo\'bar" value="foo"/>

 <input id="empty-pattern-mismatch" type="text" pattern="" value="Lorem Ipsum"
 /><input id="disabled" pattern="[0-9][A-Z]{3}" value="00AA" disabled /></div>
 <script language="JavaScript" type="text/javascript">
 function patternMismatchFor(id) {
     return document.getElementById(id).validity.patternMismatch;
 }

 description("This test checks validity.patternMismatch.");

 shouldBeFalse('patternMismatchFor("simple")');
 shouldBeFalse('patternMismatchFor("no-pattern-and-no-value")');
 shouldBeFalse('patternMismatchFor("ip-address")');
 shouldBeFalse('patternMismatchFor("email-address")');
 shouldBeTrue('patternMismatchFor("wrong-email-address")');

 shouldBeFalse('patternMismatchFor("match-1")');
 shouldBeFalse('patternMismatchFor("match-2")');
 shouldBeFalse('patternMismatchFor("match-3")');
 shouldBeFalse('patternMismatchFor("match-4")');
 shouldBeFalse('patternMismatchFor("match-5")');
 shouldBeFalse('patternMismatchFor("match-6")');
 shouldBeFalse('patternMismatchFor("match-7")');
 shouldBeFalse('patternMismatchFor("match-8")');
 shouldBeFalse('patternMismatchFor("match-9")');
 shouldBeFalse('patternMismatchFor("match-10")');
 shouldBeFalse('patternMismatchFor("match-11")');
 shouldBeFalse('patternMismatchFor("match-12")');
 shouldBeFalse('patternMismatchFor("match-13")');
 shouldBeFalse('patternMismatchFor("match-14")');
 shouldBeFalse('patternMismatchFor("match-15")');
 shouldBeFalse('patternMismatchFor("match-16")');
 shouldBeFalse('patternMismatchFor("match-17")');
 shouldBeFalse('patternMismatchFor("match-18")');
 shouldBeFalse('patternMismatchFor("match-19")');
 shouldBeFalse('patternMismatchFor("match-20")');
 shouldBeFalse('patternMismatchFor("match-21")');

 shouldBeTrue('patternMismatchFor("wrong-gray-or-grey")');
 shouldBeFalse('patternMismatchFor("gray")');
 shouldBeFalse('patternMismatchFor("grey")');
 shouldBeFalse('patternMismatchFor("empty-gray-or-grey")');

 shouldBeTrue('patternMismatchFor("mismatch-1")');
 shouldBeTrue('patternMismatchFor("mismatch-2")');
 shouldBeTrue('patternMismatchFor("mismatch-3")');
 shouldBeTrue('patternMismatchFor("mismatch-4")');
 shouldBeTrue('patternMismatchFor("mismatch-5")');
 shouldBeTrue('patternMismatchFor("mismatch-6")');
 shouldBeTrue('patternMismatchFor("mismatch-7")');
 shouldBeTrue('patternMismatchFor("mismatch-8")');
 shouldBeTrue('patternMismatchFor("mismatch-9")');
 shouldBeTrue('patternMismatchFor("mismatch-10")');
 shouldBeTrue('patternMismatchFor("mismatch-11")');
 shouldBeTrue('patternMismatchFor("mismatch-12")');
 shouldBeTrue('patternMismatchFor("mismatch-13")');
 shouldBeTrue('patternMismatchFor("mismatch-14")');
 shouldBeTrue('patternMismatchFor("mismatch-15")');
 shouldBeTrue('patternMismatchFor("mismatch-16")');
 shouldBeTrue('patternMismatchFor("mismatch-17")');
 shouldBeTrue('patternMismatchFor("mismatch-18")');
 shouldBeTrue('patternMismatchFor("mismatch-19")');
 shouldBeTrue('patternMismatchFor("mismatch-20")');
 shouldBeTrue('patternMismatchFor("mismatch-21")');
 shouldBeTrue('patternMismatchFor("mismatch-22")');
 shouldBeTrue('patternMismatchFor("mismatch-23")');

 shouldBeFalse('patternMismatchFor("empty-pattern-match")');
 shouldBeTrue('patternMismatchFor("empty-pattern-mismatch")');

 shouldBeFalse('patternMismatchFor("invalid-01")');
 shouldBeFalse('patternMismatchFor("invalid-02")');
 shouldBeFalse('patternMismatchFor("invalid-03")');
 shouldBeFalse('patternMismatchFor("invalid-04")');
 shouldBeFalse('patternMismatchFor("invalid-05")');
 shouldBeFalse('patternMismatchFor("invalid-06")');
 shouldBeFalse('patternMismatchFor("invalid-07")');
 shouldBeFalse('patternMismatchFor("invalid-08")');

 shouldBeFalse('patternMismatchFor("disabled")');

 document.body.removeChild(document.getElementById('container'));
 </script>
 <script src="../../resources/js-test-post.js"></script>
 </body>
 </html>
	<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
	<html>
	<head>
	<script src="../../resources/js-test-pre.js"></script>
	</head>
	<body>
	<p id="description"></p>
	<div id="console"></div>
	<div id=container>
	<input id="simple" pattern="[0-9][A-Z]{3}" value="0AAA"
	/><input id="no-pattern-and-no-value"
	/><input id="ip-address" type="text" pattern="\b(25[0-5]\|2[0-4][0-9]\|[01]?[0-9][0-9]?)\.(25[0-5]\|2[0-4][0-9]\|[01]?[0-9][0-9]?)\.(25[0-5]\|2[0-4][0-9]\|[01]?[0-9][0-9]?)\.(25[0-5]\|2[0-4][0-9]\|[01]?[0-9][0-9]?)\b" value="127.0.0.1"
	/><input id="email-address" type="text" pattern="[a-z0-9!#$%&'+/=?^_`{\|}~-]+(?:\.[a-z0-9!#$%&'+/=?^_`{\|}~-]+)@(?:[a-z0-9](?:[a-z0-9-][a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?" value="someone@somewhere.com"
	/><input id="wrong-email-address" type="text" pattern="[a-z0-9!#$%&'+/=?^_`{\|}~-]+(?:\.[a-z0-9!#$%&'+/=?^_`{\|}~-]+)@(?:[a-z0-9](?:[a-z0-9-][a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?" value="Wrong!"
	/><input id="match-1" type="text" pattern="\b(word1\|word2\|word3)(?:\W+\w+){1,6}?\W+(word1\|word2\|word3)\b" value="word1 near word2"
	/><input id="match-2" type="text" pattern=".{5,}" value="12345"
	/><input id="match-3" type="text" pattern=".{5,}" value="*(@$!"
	/><input id="match-4" type="text" pattern=".{5,}" value="*(@^$!"
	/><input id="match-5" type="text" pattern="0\|1\|2\|3\|4\|5\|6\|7\|8\|" value="3"
	/><input id="match-6" type="text" pattern="^(foo).*" value="foo"
	/><input id="match-7" type="text" pattern="^(foo).*" value="fooo"
	/><input id="match-8" type="text" pattern="\w" value="f"
	/><input id="match-9" type="text" pattern="\." value="."
	/><input id="match-10" type="text" pattern="\)\(" value=")("
	/><input id="match-11" type="text" pattern="ab" value="ab"
	/><input id="match-12" type="text" pattern="^ab" value="ab"
	/><input id="match-13" type="text" pattern="^\(" value="("
	/><input id="match-14" type="text" pattern="...\)\(..." value="aaa)(bbb"
	/><input id="match-15" type="text" pattern="^" value=""
	/><input id="match-16" type="text" pattern="$" value=""
	/><input id="match-17" type="text" pattern="foobar" value="" />
	<input id="match-18" type="text" pattern="[0-9]\|10\|11\|12" value="10" />
	<input id="match-19" type="text" pattern="10\|11\|12\|[0-9]" value="12" />
	<input id="match-20" type="text" pattern="f(o\|e)\1" value="foo" />
	<input id="match-21" type="text" pattern="a.b" value="a𝌆b" />
	<input id="empty-pattern-match" type="text" pattern="" value="" />
	<input id="wrong-gray-or-grey" type="text" pattern="gr[ae]y" value="Wrong!"
	/><input id="gray" type="text" pattern="gr[ae]y" value="gray"
	/><input id="grey" type="text" pattern="gr[ae]y" value="grey"
	/><input id="empty-gray-or-grey" type="text" pattern="gr[ae]y" value=""
	/><input id="mismatch-1" type="text" pattern="((4\.[0-3])\|(2\.[0-3]))" value="Something 4.0"
	/><input id="mismatch-2" type="text" pattern="\w" value="*"
	/><input id="mismatch-3" type="email" pattern="[0-9]" value="something"
	/><input id="mismatch-4" type="text" pattern=".{5,}" value="1234"
	/><input id="mismatch-5" type="text" pattern=".{5,}" value="*)$!"
	/><input id="mismatch-6" type="text" pattern=".{5,}" value="(^$!"
	/><input id="mismatch-7" type="text" pattern="0\|1\|2\|3\|4\|5\|6\|7\|8\|" value="a"
	/><input id="mismatch-8" type="text" pattern="^(foo).*" value="a foo"
	/><input id="mismatch-9" type="text" pattern="\w" value="134"
	/><input id="mismatch-10" type="text" pattern="\." value="\."
	/><input id="mismatch-11" type="text" pattern="\)\(" value=") ("
	/><input id="mismatch-12" type="text" pattern="ab" value="a"
	/><input id="mismatch-13" type="text" pattern="ab" value="b"
	/><input id="mismatch-14" type="text" pattern="^ab" value="abc"
	/><input id="mismatch-15" type="text" pattern="^\(" value="(something"
	/><input id="mismatch-16" type="text" pattern="\)\\" value="something)\"
	/><input id="mismatch-17" type="text" pattern="...\)\([b]{3}" value="adf)(bbbTEST"
	/><input id="mismatch-18" type="text" pattern="foo\\" value="food"
	/><input id="mismatch-19" type="text" pattern="^" value="wrong"
	/><input id="mismatch-20" type="text" pattern="$" value="wrong"
	/><input id="mismatch-21" type="text" pattern="f(o\|e)\1" value="foe"
	/><input id="mismatch-22" type="text" pattern="a..b" value="a𝌆b" />
	<input id="mismatch-23" type="text" pattern="a...b" value="a𝌆b" />

	<input id="invalid-01" type="text" pattern=")foo(" value="foo"/>
	<input id="invalid-02" type="text" pattern=")foo(" value="foobar"/>
	<input id="invalid-03" type="text" pattern=")foo(" value=")foo"/>
	<input id="invalid-04" type="text" pattern="foo\" value="foo\"/>
	<input id="invalid-05" type="text" pattern="[0-9" value="1"/>
	<input id="invalid-06" type="text" pattern="[0-9" value="a"/>
	<input id="invalid-07" type="text" pattern="foo\'bar" value="foo'bar"/>
	<input id="invalid-08" type="text" pattern="foo\'bar" value="foo"/>

	<input id="empty-pattern-mismatch" type="text" pattern="" value="Lorem Ipsum"
	/><input id="disabled" pattern="[0-9][A-Z]{3}" value="00AA" disabled /></div>
	<script language="JavaScript" type="text/javascript">
	function patternMismatchFor(id) {
	return document.getElementById(id).validity.patternMismatch;
	}

	description("This test checks validity.patternMismatch.");

	shouldBeFalse('patternMismatchFor("simple")');
	shouldBeFalse('patternMismatchFor("no-pattern-and-no-value")');
	shouldBeFalse('patternMismatchFor("ip-address")');
	shouldBeFalse('patternMismatchFor("email-address")');
	shouldBeTrue('patternMismatchFor("wrong-email-address")');

	shouldBeFalse('patternMismatchFor("match-1")');
	shouldBeFalse('patternMismatchFor("match-2")');
	shouldBeFalse('patternMismatchFor("match-3")');
	shouldBeFalse('patternMismatchFor("match-4")');
	shouldBeFalse('patternMismatchFor("match-5")');
	shouldBeFalse('patternMismatchFor("match-6")');
	shouldBeFalse('patternMismatchFor("match-7")');
	shouldBeFalse('patternMismatchFor("match-8")');
	shouldBeFalse('patternMismatchFor("match-9")');
	shouldBeFalse('patternMismatchFor("match-10")');
	shouldBeFalse('patternMismatchFor("match-11")');
	shouldBeFalse('patternMismatchFor("match-12")');
	shouldBeFalse('patternMismatchFor("match-13")');
	shouldBeFalse('patternMismatchFor("match-14")');
	shouldBeFalse('patternMismatchFor("match-15")');
	shouldBeFalse('patternMismatchFor("match-16")');
	shouldBeFalse('patternMismatchFor("match-17")');
	shouldBeFalse('patternMismatchFor("match-18")');
	shouldBeFalse('patternMismatchFor("match-19")');
	shouldBeFalse('patternMismatchFor("match-20")');
	shouldBeFalse('patternMismatchFor("match-21")');

	shouldBeTrue('patternMismatchFor("wrong-gray-or-grey")');
	shouldBeFalse('patternMismatchFor("gray")');
	shouldBeFalse('patternMismatchFor("grey")');
	shouldBeFalse('patternMismatchFor("empty-gray-or-grey")');

	shouldBeTrue('patternMismatchFor("mismatch-1")');
	shouldBeTrue('patternMismatchFor("mismatch-2")');
	shouldBeTrue('patternMismatchFor("mismatch-3")');
	shouldBeTrue('patternMismatchFor("mismatch-4")');
	shouldBeTrue('patternMismatchFor("mismatch-5")');
	shouldBeTrue('patternMismatchFor("mismatch-6")');
	shouldBeTrue('patternMismatchFor("mismatch-7")');
	shouldBeTrue('patternMismatchFor("mismatch-8")');
	shouldBeTrue('patternMismatchFor("mismatch-9")');
	shouldBeTrue('patternMismatchFor("mismatch-10")');
	shouldBeTrue('patternMismatchFor("mismatch-11")');
	shouldBeTrue('patternMismatchFor("mismatch-12")');
	shouldBeTrue('patternMismatchFor("mismatch-13")');
	shouldBeTrue('patternMismatchFor("mismatch-14")');
	shouldBeTrue('patternMismatchFor("mismatch-15")');
	shouldBeTrue('patternMismatchFor("mismatch-16")');
	shouldBeTrue('patternMismatchFor("mismatch-17")');
	shouldBeTrue('patternMismatchFor("mismatch-18")');
	shouldBeTrue('patternMismatchFor("mismatch-19")');
	shouldBeTrue('patternMismatchFor("mismatch-20")');
	shouldBeTrue('patternMismatchFor("mismatch-21")');
	shouldBeTrue('patternMismatchFor("mismatch-22")');
	shouldBeTrue('patternMismatchFor("mismatch-23")');

	shouldBeFalse('patternMismatchFor("empty-pattern-match")');
	shouldBeTrue('patternMismatchFor("empty-pattern-mismatch")');

	shouldBeFalse('patternMismatchFor("invalid-01")');
	shouldBeFalse('patternMismatchFor("invalid-02")');
	shouldBeFalse('patternMismatchFor("invalid-03")');
	shouldBeFalse('patternMismatchFor("invalid-04")');
	shouldBeFalse('patternMismatchFor("invalid-05")');
	shouldBeFalse('patternMismatchFor("invalid-06")');
	shouldBeFalse('patternMismatchFor("invalid-07")');
	shouldBeFalse('patternMismatchFor("invalid-08")');

	shouldBeFalse('patternMismatchFor("disabled")');

	document.body.removeChild(document.getElementById('container'));
	</script>
	<script src="../../resources/js-test-post.js"></script>
	</body>
	</html>