<php>只能输入数字的文本框-Php

最新推荐文章于 2021-03-28 12:30:12 发布
转载 最新推荐文章于 2021-03-28 12:30:12 发布 · 3.1k 阅读 · 1

本文介绍了多种使用JavaScript和正则表达式限制HTML文本框输入的方法，包括仅允许数字、小数点、字母、汉字等特定字符，以及如何控制小数点后的位数。

<input type="text" name="textfield" onKeyPress="javascript:alert(event.keyCode);return flase">


1.文本框只能输入数字代码(小数点也不能输入)
<input onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')">

2.只能输入数字,能输小数点.
<input onkeyup="if(isNaN(value))execCommand('undo')" onafterpaste="if(isNaN(value))execCommand('undo')">
<input name=txt1 onchange="if(/\D/.test(this.value)){alert('只能输入数字');this.value='';}">

3.数字和小数点方法二
<input type=text t_value="" o_value="" onkeypress="if(!this.value.match(/^[\+\-]?\d*?\.?\d*?$/))this.value=this.t_value;else this.t_value=this.value;if(this.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?)?$/))this.o_value=this.value" onkeyup="if(!this.value.match(/^[\+\-]?\d*?\.?\d*?$/))this.value=this.t_value;else this.t_value=this.value;if(this.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?)?$/))this.o_value=this.value" onblur="if(!this.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?|\.\d*?)?$/))this.value=this.o_value;else{if(this.value.match(/^\.\d+$/))this.value=0+this.value;if(this.value.match(/^\.$/))this.value=0;this.o_value=this.value}">

4.只能输入字母和汉字
<input onkeyup="value=value.replace(/[\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[\d]/g,''))" maxlength=10 name="Numbers">

5.只能输入英文字母和数字,不能输入中文
<input onkeyup="value=value.replace(/[^\w\.\/]/ig,'')">

6.只能输入数字和英文<font color="Red">chun</font>
<input onKeyUp="value=value.replace(/[^\d|chun]/g,'')">

7.小数点后只能有最多两位(数字,中文都可输入),不能输入字母和运算符号:
<input onKeyPress="if((event.keyCode<48 || event.keyCode>57) && event.keyCode!=46 || /\.\d\d$/.test(value))event.returnValue=false">

8.小数点后只能有最多两位(数字,字母,中文都可输入),可以输入运算符号:
<input onkeyup="this.value=this.value.replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3')">


 


<input onkeyup="value=value.replace(/[^\d\.]/g,'')">

<input   type=text     onkeypress="return   event.keyCode>=65"     style="ime-mode:disabled">


<input type=text t_value="" o_value="" onkeypress="if(!this.value.match(/^[\+\-]?\d*?\.?\d*?$/))this.value=this.t_value;else this.t_value=this.value;if(this.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?)?$/))this.o_value=this.value" onkeyup="if(!this.value.match(/^[\+\-]?\d*?\.?\d*?$/))this.value=this.t_value;else this.t_value=this.value;if(this.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?)?$/))this.o_value=this.value" onblur="if(!this.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?|\.\d*?)?$/))this.value=this.o_value;else{if(this.value.match(/^\.\d+$/))this.value=0+this.value;if(this.value.match(/^\.$/))this.value=0;this.o_value=this.value}">


<input    onkeyup="this.value=this.value.replace(/\D/g,'')"    onafterpaste="this.value=this.value.replace(/\D/g,'')">     

or
  
<input    name=txt1    onchange="if(/\D/.test(this.value)){alert('只能输入数字');this.value='';}">     

or
  
<input    onkeyup="if(isNaN(value))execCommand('undo')"    onafterpaste="if(isNaN(value))execCommand('undo')">


限制文本框只能输入数字包括小数点

<input onkeyup="value=value.replace(/[^\d\.]/g,'')">

有关正则表达式 1.只能输入数字和英文的： <input onkeyup="value=value.replace(/[\W]/g,'') " onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))" ID="Text1" NAME="Text1">

2.只能输入数字的： <input onkeyup="value=value.replace(/[^\d]/g,'') " onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))" ID="Text2" NAME="Text2">

3.只能输入全角的： <input onkeyup="value=value.replace(/[^\uFF00-\uFFFF]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\uFF00-\uFFFF]/g,''))" ID="Text3" NAME="Text3">

4.只能输入汉字的： <input onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,''))" ID="Text4" NAME="Text4">

移到输入框时自动选择: <input type="text" id="text1" name="text1" value="输入检索关键字" onclick="javascript:this.form.text1.focus();this.form.text1.select();" maxlength="15" />

只能输入数字的文本框-php
weixin_33699914的博客
04-25 358
导读：<inputtype="text"name="textfield"onKeyPress="javascript：alert(event keyCode);returnflase">1 文本框只能输入数字代码(小数点也不能输 <inputtype="text"name="textfield"onKeyPress="javascript：alert(event.keyC...
php文本框仅允许数字输入,只能输入数字的文本框-php
weixin_39887846的博客
04-07 915
导读：1 文本框只能输入数字代码(小数点也不能输1.文本框只能输入数字代码(小数点也不能输入)2.只能输入数字,能输小数点.3.数字和小数点方法二4.只能输入字母和汉字5.只能输入英文字母和数字,不能输入中文6.只能输入数字和英文chun7.小数点后只能有最多两位(数字,中文都可输入),不能输入字母和运算符号:57)&&event.keyCode!=46||/\.\d\d$...
php限制输入数字,如何使用javascript和php禁用数字输入类型
weixin_36029647的博客
03-12 287
我正在处理一个小项目,其中包含一个PHP页面,该页面将要求用户为测试输入一些问题,然后在编写一个数字(例如10)后,他将为每种类型的考试分配问题数(加、减、乘、除),直到问题数完成,例如,在选择10到他可以在乘法中选择5个加法,在乘法中选择3个加法,在除法中选择2个加法,但是他不能分配更多的问题,因为总共10个问题已经完成了。他在HTML中的数字输入类型中分配这些数字,所以我想得到第一个输入类型,...
php只获取数字,php怎么实现只获取数字
weixin_32679187的博客
03-27 627
php实现只获取数字的方法：1、使用正则表达式获取数字；2、使用“in_array”方法获取数字；3、使用“is_numeric”函数获取数字。本文操作环境：windows7系统、PHP7.1版，DELL G3电脑PHP提取字符串中的数字PHP提取字符串中的第一组数字$str='acc123nmnm4545';if(preg_match('/d+/',$str,$arr)){echo $arr[0...
文本框只能输入0-100的数字
zhanqixuan22的博客
11-26 1万+
文本框只能输入0-100的数字 (请输入一个1-100之间的数字) function test(num) { var reg = /^((?!0)\d{1,2}|100)$/; if(!num.match(reg)){ return false; }else{ return true; } }
<div class="layui-card-body layui-table-body layui-table-main"> <table class="layui-table layui-form" id="demo" lay-data="page:true" lay-filter="test"> <thead> <tr style="height:30px;"> <th lay-data="{field:'id',sort:true,width:80,fixed:'left'}">No.</th> <th lay-data="{field:'plant',fixed:'left'}">厂别</th> <th lay-data="{field:'kubie'}">库别</th> <th lay-data="{field:'category'}">出货类别</th> <th lay-data="{field:'so_number'}">票号</th> <th lay-data="{field:'pallet_number'}">板号</th> <th lay-data="{field:'liaohao'}">料号</th> <th lay-data="{field:'name'}">品名</th> <th lay-data="{field:'demand'}">需求数量</th> <th lay-data="{field:'prepared_qty'}">备料数量</th> <th lay-data="{field:'creator'}">创建人</th> <th lay-data="{field:'create_time',width:160,fixed:'right'}">上传时间</th> </tr> </thead> <tbody> <?php $i=0;$j=$pagenum;foreach($dataArr as $w){$i++;?> <tr> <td><?= $i ?></td> <td><?= $w['plant'] ?></td> <td><?= $w['kubie'] ?></td> <td><?= $w['category'] ?></td> <td><?= $w['so_number'] ?></td> <td><?= $w['pallet_number'] ?></td> <td><?= $w['material'] ?></td> <td><?= $w['name'] ?></td> <td><?= $w['demand'] ?></td> <td><?= $w['prepared_qty'] ?></td> <td><?= $w['creator'] ?></td> <td><?= $w['create_time'] ?></td> </tr> <?php $j++;} ?> </tbody> </table> </div>如上表格会有N行，请在每行设置一个点击的功能或者添加一个编辑的按钮，点击后，可以读取当行的category类型，当category为不良品时，弹出当行文本框输入备料数量prepared_qty，并可以剪辑提交将prepared_qty备料数量更新到后台数据库；当category为非不良品时，弹出多行文本框，可刷入多个箱号，prepared_qty备料数量等于箱号*10，刷入OK后，点击提交将prepared_qty备料数量更新到后台数据库
11-20
<th lay-data="{field:'id', sort:true, width:80, fixed:'left'}">No.</th> <th lay-data="{field:'plant', fixed:'left'}">厂别</th> <th lay-data="{field:'kubie'}">库别</th> <th lay-data="{field:'...
你使用的是 **Layui 框架**的前端表格（`layui-table`），并结合了 PHP 渲染后端数据。现在你的需求是： > 在每行添加一个“编辑”按钮，点击后根据 `category` 字段判断： - 如果是“不良品”，弹出输入框让用户修改 `prepared_qty`； - 如果不是“不良品”，则允许用户输入多个箱号（每箱 10 个单位），自动计算 `prepared_qty = 箱号数量 × 10`； - 最后提交更新到后台数据库。 --- ### ✅ 实现方案 我们将通过以下步骤实现： 1. 在表格中增加一列“操作”，包含【编辑】按钮； 2. 使用 Layui 的 `lay-event` 监听按钮点击； 3. 判断 `category` 类型，动态显示不同弹窗； 4. 提交数据到 PHP 后台接口进行数据库更新。 --- ### ✅ 修改后的 HTML + JavaScript 代码 ```html <div class="layui-card-body layui-table-body layui-table-main"> <table class="layui-table layui-form" id="demo" lay-filter="test"> <thead> <tr> <th lay-data="{field:'id', sort:true, width:80, fixed:'left'}">No.</th> <th lay-data="{field:'plant', fixed:'left'}">厂别</th> <th lay-data="{field:'kubie'}">库别</th> <th lay-data="{field:'category'}">出货类别</th> <th lay-data="{field:'so_number'}">票号</th> <th lay-data="{field:'pallet_number'}">板号</th> <th lay-data="{field:'liaohao'}">料号</th> <th lay-data="{field:'name'}">品名</th> <th lay-data="{field:'demand'}">需求数量</th> <th lay-data="{field:'prepared_qty'}">备料数量</th> <th lay-data="{field:'creator'}">创建人</th> <th lay-data="{field:'create_time', width:160}">上传时间</th> <th lay-data="{fixed:'right', align:'center', toolbar: '#barDemo'}">操作</th> </tr> </thead> <tbody> <?php $i = 0; foreach ($dataArr as $w) { $i++; ?> <tr data-id="<?= $w['id'] ?>" data-category="<?= htmlspecialchars($w['category']) ?>" data-prepared-qty="<?= $w['prepared_qty'] ?>" data-so-number="<?= $w['so_number'] ?>"> <td><?= $i ?></td> <td><?= htmlspecialchars($w['plant']) ?></td> <td><?= htmlspecialchars($w['kubie']) ?></td> <td><?= htmlspecialchars($w['category']) ?></td> <td><?= htmlspecialchars($w['so_number']) ?></td> <td><?= htmlspecialchars($w['pallet_number']) ?></td> <td><?= htmlspecialchars($w['material']) ?></td> <td><?= htmlspecialchars($w['name']) ?></td> <td><?= $w['demand'] ?></td> <td><?= $w['prepared_qty'] ?></td> <td><?= htmlspecialchars($w['creator']) ?></td> <td><?= htmlspecialchars($w['create_time']) ?></td> <td> <button class="layui-btn layui-btn-xs edit-btn">编辑</button> </td> </tr> <?php } ?> </tbody> </table> </div> <!-- 工具栏模板 --> <script type="text/html" id="barDemo"> <button class="layui-btn layui-btn-xs" lay-event="edit">编辑</button> </script> <!-- 引入 layui --> <script src="https://cdn.jsdelivr.net/npm/layui-v2.7.6/dist/layui.js"></script> <script> layui.use(['layer', 'table'], function(){ var layer = layui.layer; var table = layui.table; // 监听工具条事件（虽然我们用原生按钮，但也可以监听） $('.edit-btn').on('click', function () { var tr = $(this).closest('tr'); var category = tr.data('category'); var soNumber = tr.data('so-number'); var preparedQty = tr.data('prepared-qty'); if (category === '不良品') { // 不良品：直接输入 prepared_qty layer.prompt({ formType: 0, title: '修改备料数量', value: preparedQty }, function(value, index) { if (!value || isNaN(value) || value <= 0) { layer.msg('请输入有效的数量'); return; } updateToServer(soNumber, parseFloat(value)); layer.close(index); }); } else { // 非不良品：输入多行箱号 layer.open({ title: '刷入箱号（每箱10个）', area: ['400px', '300px'], content: '<textarea id="boxInput" placeholder="请逐行输入箱号..." style="width:90%;height:200px;margin:10px;"></textarea>', btn: ['确定', '取消'], yes: function(index) { var boxText = document.getElementById('boxInput').value.trim(); if (!boxText) { layer.msg('请输入箱号'); return; } var boxLines = boxText.split('\n').filter(function(line) { return line.trim() !== ''; }); var newQty = boxLines.length * 10; layer.confirm('共 ' + boxLines.length + ' 个箱号，备料数量为 ' + newQty + '，确认提交？', function(cIndex) { updateToServer(soNumber, newQty); layer.close(cIndex); layer.close(index); }); } }); } }); // 提交更新到服务器 function updateToServer(soNumber, preparedQty) { $.ajax({ url: 'update_prepared_qty.php', // 后台处理脚本 type: 'POST', data: { so_number: soNumber, prepared_qty: preparedQty }, dataType: 'json', success: function(res) { if (res.success) { layer.msg('更新成功'); location.reload(); // 可优化为局部刷新 } else { layer.msg('更新失败: ' + res.message); } }, error: function() { layer.msg('网络错误，请重试'); } }); } }); </script> ``` --- ### ✅ 后端 PHP 接口文件：`update_prepared_qty.php` ```php <?php header('Content-Type: application/json'); // 假设你已连接数据库 $pdo = new PDO("mysql:host=localhost;dbname=your_db", "username", "password"); $pdo->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION); if ($_POST['so_number'] && isset($_POST['prepared_qty'])) { $so_number = trim($_POST['so_number']); $prepared_qty = (float)$_POST['prepared_qty']; try { $stmt = $pdo->prepare("UPDATE your_table SET prepared_qty = ? WHERE so_number = ?"); $result = $stmt->execute([$prepared_qty, $so_number]); echo json_encode(['success' => true]); } catch (Exception $e) { echo json_encode(['success' => false, 'message' => $e->getMessage()]); } } else { echo json_encode(['success' => false, 'message' => '参数缺失']); } ?> ``` --- ### ✅ 功能说明 | 功能 | 描述 | |------|------| | 编辑按钮 | 每行右侧有“编辑”按钮 | | 数据绑定 | 使用 `data-*` 属性存储关键字段（如 category、so_number） | | 条件弹窗 | 根据 `category` 显示不同输入方式 | | 自动计算 | 非不良品按箱数×10计算 quantity | | 安全提交 | 使用 AJAX 提交到 PHP 接口更新数据库 | --- ### ✅ 注意事项 1. **防止 XSS 攻击**：所有输出使用 `htmlspecialchars()` 转义。 2. **SQL 注入防护**：后端使用预处理语句（PDO）。 3. **字段匹配**：确保 `so_number` 是唯一标识符或能定位到记录。 4. **可扩展性**：未来可用 Layui 表格重载代替 `location.reload()`。 --- ### ✅ 示例效果 - 点击“不良品”行 → 输入数字 → 提交 → 更新 `prepared_qty` - 点击“正常品”行 → 输入 5 行箱号 → 提交 → `prepared_qty = 50` 但category为不良品时，无单行文本框弹出
最新发布
11-20
> “但 `category` 为不良品时，无单行文本框弹出” 说明你的 **“不良品”分支逻辑没有触发**，或者弹窗被阻止、数据未正确读取。 我们来 **逐步排查并修复这个问题**。常见原因如下： --- ## 常见原因分析 | ...
我正在编辑【php】代码，遇到了提交后无法换行的问题 ，请帮我检查并改正错误点。我的原始代码如下： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> </head> <body> <form id="forml" name="forml" action="" method="post"> <table width="200" align="center" border="1"> <tr> <td width="188"><label><textarea name="a" id="a" cols="20" rows="5" wrap="soft">我使用的是软回车!输出后不换行!</textarea></label></td> <td width="351"><label><textarea name="b" id="b" cols="20" rows="5" wrap="hard">我使用的是硬回车!输出后自动换行!</textarea></label></td> </tr> <tr> <td colspan="2" align="center"><label><input type="submit" id="submit" name="submit" value="提交" /></label></td> </tr> </table> </form> <?php if($_POST['Submit']=="提交"){ echo n12br($_POST['a']);"<br>"; echo n12br($_POST['b']); } ?> </body> </html>
04-03
<think>嗯，用户遇到了PHP提交后无法换行的问题，我得仔细看看他的代码。首先，他提供的代码里有几个可能的错误点。让我逐步检查。 首先，用户提到的是换行问题，可能和表单处理部分有关。在PHP代码中，他使用了n12...
java 正则匹配性别_常用的匹配正则表达式和实例
weixin_42405368的博客
02-13 1340
匹配中文字符的正则表达式：[\u4e00-\u9fa5]匹配双字节字符(包括汉字在内)：[^\x00-\xff]应用：计算字符串的长度(一个双字节字符长度计2，ASCII字符计1)String.prototype.len=function(){returnthis.replace([^\x00-\xff]/g,"aa").length;}匹配空行的正则表达式：\n[\s|]*\r匹配HTML标...
php限制输入数字,JavaScript
weixin_39653481的博客
03-12 295
限制只能输入数字的实现代码当我们在一些网站注册账号、填写信息是，不小心将电话号码填写成汉字或其他英文字母了，这显然是不正确的。为了帮助用户更好地纠正输入时的错误，在表单中填写信息时，需要限制手机号、邮编、电话号码这类文本框不能输入其他字符，只能是数字。通过使用正则匹配输入的时候只是数字：var numRegex = /\D/g再通过JavaScript的onblur 事件：定义和用法onblur ...
php 只能输入正整数,输入框只能输入负数,整数,2位小数(键盘弹起事件)
weixin_29323493的博客
03-28 310
html代码js代码function clearNoNum(obj) {var str,num,arr,len,bool;obj.style.imeMode ='disabled' //禁止输入法obj.value = obj.value.replace("-", "$#$").replace(/\-/g, "").replace("$#$","-");obj.value = obj.valu...
php验证表单输入数字,JavaScript
weixin_33642448的博客
03-18 210
JS 表单验证大全1.只能输入数字和英文的：2.只能输入数字的：3.只能输入全角的：4.只能输入汉字的：--------------------------------------------------------------------------------验证非法字符，sqlfunction vdf(){var i,j,name,value,message,length,type,a=vd...
正则表达式-只能输入数字
LeveBe的博客
08-15 5698
1、只能输入数字 NSString *regex = @"\\d+"; NSPredicate *Pred = [NSPredicate predicateWithFormat:@"SELF MATCHES %@", regex]; BOOL isMatch = [Pred evaluateWithObject:numberTF.text]; if (!isMatch){ UIAle...
如何使输入框input只能输入数字
热门推荐
七月的专栏
05-03 13万+
即：添加 onkeyup="value=value.replace(/[^\d]/g,'')" 这里使用的正则表达式 较为简单。输入框后面添加个“只能输入数字”就更好啦 参考文档：这里
要求输入框里面必须同时含有字母，数字，特殊字符，且不小于8位
铁柱的博客
03-14 1万+
一、前言 &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;我们在做输入框的时候，总是要用正则来限制用户输入的一些条件的，这里的要求是输入框中必须同时含有大小写字母，数组，特殊字符等，行吧，咱们一起研究下。 二、思路 百度出来一个很好的思路： 分析一下,总结需求如下: 1.必须包含字母,即字符当中字母的个数&amp;gt;=1; 2.必
input输入框只能输入数字，只能输入字母数字组合
Monster0936的博客
09-29 1304
输入大小写字母、数字、下划线： 1/g,'');"> 输入小写字母、数字、下划线： 2/g,'');"> 输入数字和点 3/g,'')"> 输入中文:   4/g,'')">  输入数字:     输入英文:   5/g,'')">  输入中文、数字、英文:   6/g, '')">  输入数字和字母：   除了英文的标点符号以外，其他的都可以中文，
php输入数字,微博输入数字
weixin_30424427的博客
03-12 212
摘要： body{font-size:12px;} &n body{font-size:12px;}.box{width: 600px;height: 160px;border: 10px solid pink;margin: 0px auto; padding: 10px;}img{float:left;}.box1{float:left;margin-left:255px;widt...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值