解决input number可以输入eee的问题

最新推荐文章于 2024-06-04 16:32:06 发布
转载 最新推荐文章于 2024-06-04 16:32:06 发布 · 1.4k 阅读 · 0
文章标签：

#解决input number可以输入eee的问题 

<input type="text" name="" oninput="this.value=this.value.replace(/[^0-9.]+/,'');">
转载自： 点击打开链接
解决Input number 框能够能够输入eeeeee 的问题
weixin_30312563的博客
09-13 200
onKeypress="return (/[\d]/.test(String.fromCharCode(event.keyCode)))" 在input type="number" 中添加 上面这段代码 转载于:https://www.cnblogs.com/jabez1992/p/9640833.html
input标签number属性取消上下箭头并且做兼容
servicesYY的博客
05-02 859
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button{ -webkit-appearance: none !important; }
解决type=number的input可以输入+-e符号的情况
tang31415926的博客
05-13 6401
在输入框input标签设置type=number的目的就是为了规避用户输入数字以外的内容。然而，在html的w3c标准里，e认定为自然对数中的无理数常量，+-则是表示正负，生产中有时不需要甚至禁止输入这些。
javaScript中Number数字类型方法入门
程序猿布欧的博客
04-28 1008
前言 Number和Math都属于JavaScript中的内置对象，Number数字类型作为基础数据类型，我们在开发过程中会经常用到，包括数字精度的格式化，还有字符串转换成数字等操作。 Number数字 自带属性值 Number.EPSILON 两个可表示(representable)数之间的最小间隔。 Number.MAX_SAFE_INTEGER JavaScript 中最大的安全整数 (2^53 - 1)。 Number.MAX_VALUE 能表示的最大正数。最小的负数是 -MAX_VALUE。
关于Input【type=number】可以输入e问题及解决方案
Jensonhui's Blog
06-04 1330
关于Input【type=number】可以输入e问题及解决方案
/** * 填充表格数据 */ function populateDynamicTable(dataArray) { const tbody = document.getElementById("woInfoMaterialPrint"); tbody.innerHTML = ""; const binSet = new Set(); const grouped = {}; dataArray.forEach(function (item) { const key = item.waferLot + "-" + item.waferNo; const binCodeList = item.binCodeList .replace(/;/g, "") .split("|") .map(b => b.trim()) .filter(b => b); if (!grouped[key]) { grouped[key] = { waferType: item.waferType, productId: item.productId, waferLot: item.waferLot, waferNo: item.waferNo, waferDieQty: item.waferDieQty, binData: {}, binCodeList: binCodeList, status: item.status, waferId: item.waferId, issueData: {}, usedData: {}, returnData: {} }; } const group = grouped[key]; if (item.binCode) { const bin = item.binCode.trim(); binSet.add(bin); group.binData[bin] = parseInt(item.qty || 0); group.issueData[bin] = parseInt(item.issueQty || 0); group.usedData[bin] = parseInt(item.usedQty || 0); group.returnData[bin] = parseInt(item.qty || 0); } }); const binList = Array.from(binSet); generateDynamicTableHeader(binSet); Object.values(grouped).forEach(function (group) { const row = document.createElement("tr"); // 固定列 row.insertCell().innerHTML = group.waferType; row.insertCell().innerHTML = group.productId; row.insertCell().innerHTML = group.waferLot; row.insertCell().innerHTML = group.waferNo; row.insertCell().innerHTML = group.waferDieQty; row.insertCell().innerHTML = group.binCodeList.join("|"); row.setAttribute("data-wafer-id", group.waferId); // 行背景色 conditionalHighlight(row, group.status === null || group.status === undefined || group.status === "" || group.status === "InUse"); // 发料数量列 binList.forEach(function (bin) { let qty = 0; if (woNoStatus === 'Completed') { qty = group.issueData[bin] || 0; } else { qty = group.binData[bin] || 0; } const cell = row.insertCell(); cell.innerHTML = qty; conditionalHighlight(cell, qty === 0 && group.binCodeList.includes(bin)); conditionalHighlight(cell, group.status === "InUse"); }); // 已用数量列（输入框） binList.forEach(function (bin) { const cell = row.insertCell(); const input = document.createElement("input"); input.type = "number"; input.name = "usedQty"; input.style.width = "45px"; input.oninput = function () { this.value = this.value.replace(/[^0-9]/g, ''); }; if (woNoStatus === 'Completed') { input.value = group.usedData[bin] || 0; } else { input.value = 0; } if (bin === "BINX") { input.disabled = true; input.style.backgroundColor = "#eee"; input.style.color = "#666"; } else if (woNoStatus !== 'InUse') { input.disabled = true; input.style.backgroundColor = "#eee"; input.style.color = "#666"; } cell.appendChild(input); conditionalHighlight(cell, group.status === "InUse"); }); // 退料数量列（输入框） binList.forEach(function (bin) { const cell = row.insertCell(); const input = document.createElement("input"); input.type = "number"; input.name = "returnQty"; input.style.width = "45px"; input.oninput = function () { this.value = this.value.replace(/[^0-9]/g, ''); }; if (woNoStatus === 'Completed') { input.value = group.returnData[bin] || 0; } else { input.value = 0; } if (bin === "BINX") { input.disabled = true; input.style.backgroundColor = "#eee"; input.style.color = "#666"; } else if (woNoStatus !== 'InUse') { input.disabled = true; input.style.backgroundColor = "#eee"; input.style.color = "#666"; } cell.appendChild(input); conditionalHighlight(cell, group.status === "InUse"); }); // 备注列 row.insertCell().innerHTML = ""; tbody.appendChild(row); }); } 工单状态为 InUse时，可以去输入已用数量与退料数量，但是现在会默认为0，导致可以输入成01，06也可以把0去掉，输入8，7，后者还好，前者太奇怪了，需要优化成后者
最新发布
12-17
要解决这个问题，主要需要优化两个方面： 1. **输入值的格式校正**：确保输入框中输入的值不能以 `0` 开头（除非是单独的 `0`）。 2. **默认值的处理**：当工单状态为 `InUse` 时，输入框的默认值不应为 `0`，而是为...
现在的代码如下： /** * 填充表格数据 */ function populateDynamicTable(dataArray) { const tbody = document.getElementById("woInfoMaterialPrint"); tbody.innerHTML = ""; const binSet = new Set(); const grouped = {}; dataArray.forEach(function (item) { const key = item.waferLot + "-" + item.waferNo; const binCodeList = item.binCodeList .replace(/;/g, "") .split("|") .map(b => b.trim()) .filter(b => b); if (!grouped[key]) { grouped[key] = { waferType: item.waferType, productId: item.productId, waferLot: item.waferLot, waferNo: item.waferNo, waferDieQty: item.waferDieQty, binData: {}, binCodeList: binCodeList, status: item.status, waferId: item.waferId, issueData: {}, usedData: {}, returnData: {} }; } const group = grouped[key]; if (item.binCode) { const bin = item.binCode.trim(); binSet.add(bin); group.binData[bin] = parseInt(item.qty || 0); group.issueData[bin] = parseInt(item.issueQty || 0); group.usedData[bin] = parseInt(item.usedQty || 0); group.returnData[bin] = parseInt(item.qty || 0); } }); const binList = Array.from(binSet); generateDynamicTableHeader(binSet); Object.values(grouped).forEach(function (group) { const row = document.createElement("tr"); // 固定列 row.insertCell().innerHTML = group.waferType; row.insertCell().innerHTML = group.productId; row.insertCell().innerHTML = group.waferLot; row.insertCell().innerHTML = group.waferNo; row.insertCell().innerHTML = group.waferDieQty; row.insertCell().innerHTML = group.binCodeList.join("|"); row.setAttribute("data-wafer-id", group.waferId); // 行背景色 conditionalHighlight(row, group.status === null || group.status === undefined || group.status === "" || group.status === "InUse"); // 发料数量列 binList.forEach(function (bin) { const qty = group.binData[bin] || 0; const cell = row.insertCell(); cell.innerHTML = qty; conditionalHighlight(cell, qty === 0 && group.binCodeList.includes(bin)); conditionalHighlight(cell, group.status === "InUse"); }); // 已用数量列（输入框） binList.forEach(function (bin) { const cell = row.insertCell(); const input = document.createElement("input"); input.type = "number"; input.name = "usedQty"; input.value = 0; input.style.width = "45px"; input.oninput = function () { this.value = this.value.replace(/[^0-9]/g, ''); }; if (bin === "BINX") { input.disabled = true; input.style.backgroundColor = "#eee"; input.style.color = "#666"; } else if (woNoStatus !== 'InUse') { input.disabled = true; input.style.backgroundColor = "#eee"; input.style.color = "#666"; } cell.appendChild(input); conditionalHighlight(cell, group.status === "InUse"); }); // 退料数量列（输入框） binList.forEach(function (bin) { const cell = row.insertCell(); const input = document.createElement("input"); input.type = "number"; input.name = "returnQty"; input.value = 0; input.style.width = "45px"; input.oninput = function () { this.value = this.value.replace(/[^0-9]/g, ''); }; if (bin === "BINX") { input.disabled = true; input.style.backgroundColor = "#eee"; input.style.color = "#666"; } else if (woNoStatus !== 'InUse') { input.disabled = true; input.style.backgroundColor = "#eee"; input.style.color = "#666"; } cell.appendChild(input); conditionalHighlight(cell, group.status === "InUse"); }); // 备注列 row.insertCell().innerHTML = ""; tbody.appendChild(row); }); } 是不是在这里去判断以下工单状态，再去选择对象赋值即可？ // 发料数量列 binList.forEach(function (bin) { const qty = group.binData[bin] || 0; const cell = row.insertCell(); cell.innerHTML = qty; conditionalHighlight(cell, qty === 0 && group.binCodeList.includes(bin)); conditionalHighlight(cell, group.status === "InUse"); }); // 已用数量列（输入框） binList.forEach(function (bin) { const cell = row.insertCell(); const input = document.createElement("input"); input.type = "number"; input.name = "usedQty"; input.value = 0; input.style.width = "45px"; input.oninput = function () { this.value = this.value.replace(/[^0-9]/g, ''); }; if (bin === "BINX") { input.disabled = true; input.style.backgroundColor = "#eee"; input.style.color = "#666"; } else if (woNoStatus !== 'InUse') { input.disabled = true; input.style.backgroundColor = "#eee"; input.style.color = "#666"; } cell.appendChild(input); conditionalHighlight(cell, group.status === "InUse"); }); // 退料数量列（输入框） binList.forEach(function (bin) { const cell = row.insertCell(); const input = document.createElement("input"); input.type = "number"; input.name = "returnQty"; input.value = 0; input.style.width = "45px"; input.oninput = function () { this.value = this.value.replace(/[^0-9]/g, ''); }; if (bin === "BINX") { input.disabled = true; input.style.backgroundColor = "#eee"; input.style.color = "#666"; } else if (woNoStatus !== 'InUse') { input.disabled = true; input.style.backgroundColor = "#eee"; input.style.color = "#666"; } cell.appendChild(input); conditionalHighlight(cell, group.status === "InUse"); });
12-16
你可以在**渲染表格单元格（发料、已用、退料）时，根据工单状态 `woNoStatus` 和 `group.status` 来动态决定显示的数据来源**，从而实现不同状态下的数据展示。 --- ### ✅ 修改建议 你需要在渲染发料、已用、退...
<u-radio :name="0" label="交"></u-radio> <u-input v-model="form.guaranteeNum" :color="formatterWarn(form.guaranteeNum, 'guaranteeNum')" type="number" placeholder="请输入" maxlength="128" border="none" input-align="right" ></u-input> <u-radio :name="1" label="交至"></u-radio> <u-input v-model="form.guaranteeNum" :color="formatterWarn(form.guaranteeNum, 'guaranteeNum')" type="number" placeholder="请输入" maxlength="128" border="none" input-align="right" ></u-input> <u-radio :name="2" label="终身"></u-radio> </u-radio-group>将input和按钮放在一行
11-13
<u-input v-model="inputValue" placeholder="请输入"></u-input> export default { data() { return { radioValue: false, inputValue: '' }; } }; .container { display: flex; /* 启用Flex布局 *...
``` <div class="icon-Time-Number icon-Active"> <div class="Time-number-flex"> <span class="Time" id="Time-count">00:00:00</span> <button type="submit" id="Time-close"><i class='bx bx-x'></i></button> </div> </div> <div class="header-form-input-list"> <form action="#" method="get" class="form-input"> <input type="text" onkeyup="ToggleSearch(this)" placeholder="输入关键字" autocomplete="off" name="query" id="input-Text" required/> <button class="input-icon-search" id="search"><i class='bx bx-search'></i></button> </form> </div>```当在输入框<input/>输入某些特定字符串且点击按钮标记对<button></button>时，实现网页历史记录。求完整代码
03-08
可能遇到的问题包括：输入为空时的处理，重复项的处理（是否去重），历史记录的顺序（最近的在最前面）。根据用户需求，可能不需要去重，直接按顺序添加，超出长度则移除最旧的条目。 最后，整合所有代码，给出完整...
/** * 填充表格数据 */ function populateDynamicTable(dataArray) { const tbody = document.getElementById("woInfoMaterialPrint"); tbody.innerHTML = ""; const binSet = new Set(); const grouped = {}; dataArray.forEach(function (item) { const key = item.waferLot + "-" + item.waferNo; const binCodeList = item.binCodeList .replace(/;/g, "") .split("|") .map(b => b.trim()) .filter(b => b); if (!grouped[key]) { grouped[key] = { waferType: item.waferType, productId: item.productId, waferLot: item.waferLot, waferNo: item.waferNo, waferDieQty: item.waferDieQty, binData: {}, binCodeList: binCodeList, status: item.status, waferId: item.waferId, }; } const group = grouped[key]; if (item.binCode) { const bin = item.binCode.trim(); binSet.add(bin); group.binData[bin] = parseInt(item.qty || 0); } }); const binList = Array.from(binSet); generateDynamicTableHeader(binSet); Object.values(grouped).forEach(function (group) { const row = document.createElement("tr"); // 固定列 row.insertCell().innerHTML = group.waferType; row.insertCell().innerHTML = group.productId; row.insertCell().innerHTML = group.waferLot; row.insertCell().innerHTML = group.waferNo; row.insertCell().innerHTML = group.waferDieQty; row.insertCell().innerHTML = group.binCodeList.join("|"); row.setAttribute("data-wafer-id", group.waferId); // 行背景色 conditionalHighlight(row, group.status === null || group.status === undefined || group.status === "" || group.status === "InUse"); // 发料数量列 binList.forEach(function (bin) { const qty = group.binData[bin] || 0; const cell = row.insertCell(); cell.innerHTML = qty; conditionalHighlight(cell, qty === 0 && group.binCodeList.includes(bin)); conditionalHighlight(cell, group.status === "InUse"); }); // 已用数量列（输入框） binList.forEach(function () { const cell = row.insertCell(); const input = document.createElement("input"); input.type = "number"; input.name = "usedQty"; input.value = 0; input.style.width = "45px"; input.oninput = function () { this.value = this.value.replace(/[^0-9]/g, ''); }; if (woNoStatus !== 'InUse') { input.disabled = true; input.style.backgroundColor = "#eee"; input.style.color = "#666"; } cell.appendChild(input); conditionalHighlight(cell, group.status === "InUse"); }); // 退料数量列（输入框） binList.forEach(function () { const cell = row.insertCell(); const input = document.createElement("input"); input.type = "number"; input.name = "returnQty"; input.value = 0; input.style.width = "45px"; input.oninput = function () { this.value = this.value.replace(/[^0-9]/g, ''); }; if (woNoStatus !== 'InUse') { input.disabled = true; input.style.backgroundColor = "#eee"; input.style.color = "#666"; } cell.appendChild(input); conditionalHighlight(cell, group.status === "InUse"); }); // 备注列 row.insertCell().innerHTML = ""; tbody.appendChild(row); }); } 如果是BINX，不需要去填写数量，已用与退料
12-16
input.style.backgroundColor = "#eee"; input.style.color = "#666"; } cell.appendChild(input); } conditionalHighlight(cell, group.status === "InUse"); }); // 退料数量列（输入框） binList....
type类型为number的input标签可以输入字母e
半个程序员的博客
07-17 5524
关于< input type=“number” />可以输入字母e！！！ 今天偶然间发现一个神奇的问题：一个type属性值设置为number类型的input标签可以输入字母e|E <input type="number" class="form-control" placeholder="number"> 主要原因是：e在数学上代表的是无理数，是一个无限不循环的小数，...
el-input-number null 值数据回显为0 问题处理
qq_33330775的博客
11-26 5816
因为null 和空值会被el-input-number 组件处理为0，需要定义为undefined. 添加如下方法： /** 处理修改时，数字框null 展示为0的问题 */ numberToEmpty(data) { for (var index in data) { if (data[index] === null) { data[index] = undefined; } } return data; } 调用: getRecord(i.
input设置type为number,但是还能输入e等符号,处理方法。且限制输入个数为4位
吴冬雪的博客
06-01 985
【代码】input设置type为number,但是还能输入e等符号,处理方法。且限制输入个数为4位。
日常避坑--input输入框type=number仍可以输入“e“,“.“等符号
Yan9_9的博客
02-02 1819
input输入框type=number仍可以输入"e","."等符号
input type="number"可以输入字母e
xc_buxiangzhangda的博客
03-02 1725
input type=”number” 时只允许输入数字，但是字母e可以输入，原因是e在数学上代表2.71828，他是一个数字，所以能输进去。 解决办法为在input属性上加上： onKeypress=”return (/[\d]/.test(String.fromCharCode(event.keyCode)))” &lt;input type="number" onKeypress=”re...
笔记-input type=‘number‘ 可以输入e问题
零正催照
05-10 1072
因此，当用户在"type=number"的输入框中输入类似于"1e8"或"1e-6"的值时，浏览器会将其解释为相应的科学计数法表示的数字，并将其视为有效的输入。当我输入123e的时候，控制台输出：输入的值为空==>“”（什么原因我也不清楚），因为输入的值变成了“” ，所以进入到我们if判断中的input===“”，所以setValue成功。解决方法：换个思路把 input 标签中的 type="number"删除，把他当做一个普通的输入框去使用，再使用纯数字的正则去匹配value。以下为百度搜索的资料。
js中的e是什么意思,js es6常用方法
2301_79533350的博客
11-16 133
大家好，小编来为大家解答以下问题，js中的e是什么意思，js es6常用方法，现在让我们一起来看看吧！
JavaScript的Number存储格式.
m0_60703077的博客
12-06 930
IEEE二进制浮点数算术标准（IEEE 754）, 它规定了四种表示浮点数值的方式：单精度（32位），双精度（64位），延伸单精确度与延伸双精确度。在 JavaScript 中采用的是 64 位双精度存储的。这样存储结构优点可以归一化处理整数和小数。 64 位比特可以分为三部分来存储我们的数字。 符号位S：第1位是正负符号位，0表示是正值，1代表是负值。 63位为指数位。 指数位E：中间的11位存储指数，用来表示次方数。52-62位。 尾数位M：最后的52位尾数，超出的部分自动进一...
input的type=number时可以输入字母e的解决方式
qq_39080240的博客
06-01 6254
input的type=number时可以输入字母e的解决方式
实现ie低版本支持input type="number"
weixin_34161029的博客
07-27 702
1.背景 　　在IE低版本中（IE11以下），input输入框类型为number时，可以输入除了数字之外的其他字符，因此需要做改进。 　　我在网上找了相关的资料，借鉴了一位博主的文章，该博主的文章地址：https://blog.youkuaiyun.com/fxss5201/article/details/55684067 　　本想着下载该博主写好的插件，最后发现还是得自己写，因为下载要付费。 　　我...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值