我想让输入的数字是6位数或9位数.不少于6位,不在6到9位之间,不超过9位数字.我能知道怎么做吗?代码将在下面插入

<label class="control-label col-sm-5" for="badgeid" style="margin-left: -50px;">ID:</label>;
            <div class="col-sm-4">;
            <p class="form-control-static" style="margin-top: -6px;">
    <input type="number" class="form-control" id="secuid" name="secuid" min="0" placeholder="Enter ID" value=" $return_id">
    <label class="control-label col-sm-6" style="color: red; font-size: 12px; margin-right: 20px;display: contents;">** 6 Digit ST Employee ID / 9 SecurityID **</label>
    </p>
            </div>
            <div class="col-sm-10"></div>

下面是Javascript.

var secuid = document.translot.secuid.value;
    if (secuid == null || secuid == ""){
        alert("Please Insert the ID.")
        return false;
    }

推荐答案

这很简单——在maxlength旁边加上"pattern".

<html>
<body>

<h1>The input pattern attribute</h1>

<form action="/action_page.php">
  <label for="secuid">Enter ID:</label>
  <input type="text" id="secuid" name="secuid" pattern="\d{6}+\d{9}" maxlength="9" title="Enter ID"><br><br>
  <input type="submit">
</form>
  
</body>
</html>

See JSFiddle here

Note:不需要javascript

Javascript相关问答推荐

微软Edge编辑和重新发送未显示""

colored颜色 检测JS,平均图像 colored颜色 检测JS

如何通过使用vanilla JS限制字体大小增加或减少两次来改变字体大小

在open shadow—root中匹配时,使用jQuery删除一个封闭的div类

如何使用子字符串在数组中搜索重复项

Puppeteer上每页的useProxy返回的不是函数/构造函数

获取';无法解决导入和导入";slick-carousel/slick/slick-theme.css";';错误

如何确保预订系统跨不同时区的日期时间处理一致?

为什么当我更新数据库时,我的所有组件都重新呈现?

使用Reaction窗体挂钩注册日历组件

JWT Cookie安全性

Socket.IO在刷新页面时执行函数两次

react 路由如何使用从加载器返回的数据

使用可配置项目创建网格

是否设置以JavaScript为背景的画布元素?

如何缩小函数中联合返回类型的范围

如何在Java脚本中添加一个可以在另一个面板中垂直调整大小的面板?

如何将PNG图像放在wix站点的Open Streemap map 上,使PNG图像成为 map 不可分割的一部分?

TS node 找不到依赖的模块

查找函数句柄的模块/文件