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 结合可以很方便的做出判断,减少了代码和逻辑上的判断。