为什么pattern不起作用呢正则没有错啊?

来源:2-6 html5基本表单验证特性演示

慕仰8079247

2020-01-24 11:42:36

<!DOCTYPE html>

<html>

    <head>

<meta charset="UTF-8">

<title></title>

</head>

<body>

<!--在此处填写代码-->

<form action="" method='post' enctype='multipart/form-data'>
    <input type="file">
  <!--   <label for="">用户名</label>
    <input type="text"name="user" placeholder="请输入用户名" required /> -->
    <label for="">工号</label>
    <input type="text" name="gonghao" placeholder="请输入工号" pattern="^\d{5}[imooc]$" >
    <input type="text" list="tips">
    <dataList id="tips">
    <option value='etffgt'></option>
      <option value='etffgt'></option>
        <option value='etffgt'></option>
        </dataList>
    <input type="submit">
   <!--  <input type="submit" name="" formnovalidate=""> -->
</form>


</body>

</html>



写回答

1回答

好帮手慕星星

2020-01-29

同学你好,正则起作用了。\d是数字,限制了5个,方括号 [] 是单个匹配,只要有[]中一个字母就可以。例如

错误的:

http://img.mukewang.com/climg/5e3131cb090ed95203090082.jpg

正确的:

http://img.mukewang.com/climg/5e313202099985eb03090184.jpg

可以重新测试下,如果要看提示信息,需要点击提交按钮哦。

如果我的回答帮助到了你,欢迎采纳,祝学习愉快~

0

0 学习 · 6815 问题

查看课程