输入类型“数字”删除我的文本字段的值答案

【问题标题】：Input type "Number" removes value of my Text field输入类型“数字”删除我的文本字段的值
【发布时间】：2016-11-22 05:31:48
【问题描述】：

我希望我的text field 只接受numbers，所以我尝试使用“数字”来使用 HTML5 属性。但它删除了我的text field 中的值。这是我的代码

 <div class="form-wrapper-full-width form-wrapper">
   <div class="form-label">
    	Company Business Number:
   </div>			
   <div class="form-info">
       <input type="number" name="business_number" title="Business Number" value="<?=$phone_num['business_number']?>">
   </div>	
 </div>

【问题讨论】：

stackoverflow.com/a/18156861/4248328
HTML Text Input allow only Numeric input的可能重复

标签： php html

【解决方案1】：

您确定将值设置为$phone_num['business_number'] 吗？你确定$phone_num['business_number'] 只包含数字？

如果已设置，请尝试删除 PHP 的短标签。

<div class="form-wrapper-full-width form-wrapper">
   <div class="form-label">
        Company Business Number:
   </div>           
   <div class="form-info">
       <input type="number" name="business_number" title="Business Number" value="<?php echo $phone_num['business_number']; ?>">
   </div>   
 </div>

【讨论】：

是的，这是问题所在，它包含“+”号，这就是它变成空白的原因。我该如何解决？
你必须使用模式。在这个线程中有一个答案。 stackoverflow.com/questions/32259058/…
也检查一下。 stackoverflow.com/questions/469357/…
谢谢，老实说，这些链接并没有解决我的问题，但你帮我解决了。

【解决方案2】：

它不是删除您的价值，而是您忘记回显您的价值，这就是它显示空白的原因。 体现您的价值。

确保你的值必须是一个数字，如果它包含任何特殊的字符或除数字之外的任何内容，然后它将删除该值并显示为空白。

试试下面的代码：

<div class="form-wrapper-full-width form-wrapper">
   <div class="form-label">
        Company Business Number:
   </div>           
   <div class="form-info">
       <input type="number" name="business_number" title="Business Number" value="<?php echo $phone_num['business_number']; ?>">
   </div>   
 </div>

【讨论】：

没有。他没有忘记回显该值，因为<?=$phone_num['business_number']?> 等于<?php echo $phone_num['business_number']; ?>。
@Ranuka 如果 php.ini 中不允许使用 php 的短标签，那么定义它将不起作用，这就是为什么我写回显你得到的值。我猜希望它能让你明白。

【解决方案3】：

使用 Javascript，您可以删除文本并保留数字。

<?php
    $business_number = "100ww";
?>
<div class="form-wrapper-full-width form-wrapper">
<div class="form-label">
    Company Business Number:
</div>          
<div class="form-info">
    <input type="text" id="business_number" name="business_number" title="Business Number" value="<?=$business_number?>">
</div>  
</div>

<script type="text/javascript">
function changeIt(){
    var val = document.getElementById('business_number').value;
    number = val.replace(/\D/g,'');
    document.getElementById('business_number').value = number;
}
changeIt()
</script>

【讨论】：

【解决方案4】：

首先检查任何 js aur css 应用于您的输入字段并检查短标签是否允许在您的 php.ini 配置中。

【讨论】：