required&pattern应用

html5新出属性：required和pattern

可以方便的结合表单来进行判断，减少了额外的代码进行判断。

required:用于判断元素中输入的内容是否为空，如为空则不允许提交，同时在浏览器中显示信息提交文字，提示用户在这个元素中必须输入内容。

eg:

<form method="post">

输入：<input type="text" name="text1" required>

<input type="submit">

</form>

在opera浏览器测试结果截图为：

pattern:用于检查元素中的内容是否符合给定的格式。当格式不符合时不允许提交，同时在浏览器中显示信息提交问题，提示输入的内容必须符合给定格式。

eg： 这个例子是必须输入一个数字和3个小写字母的内容才允许提交，否则会报不符合相关的格式。

<form method="post">

输入：<input type="text" name="text1" required pattern="[0-9][a-z]{3}">

<input type="submit">

</form>

在opera浏览器测试结果截图为：

小结：这2个元素与input form 结合可以很方便的做出判断，减少了代码和逻辑上的判断。