輸入類型「Number」會刪除我的文本字段的值

我希望我的text field僅接受numbers，因此我嘗試使用「number」使用HTML5屬性。但它會刪除我的text field中的值。這裏是我的代碼輸入類型「Number」會刪除我的文本字段的值

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

來源

2016-11-22 Dre

http://stackoverflow.com/a/18156861/4248328 –

的[HTML文本輸入只允許數字輸入（可能的複製http://stackoverflow.com/questions/469357/html-text-input -allow-only-numeric-input） – Irvin

你確定的值設置爲$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>

來源

2016-11-22 05:41:50 Ranuka

是的，這是問題，它包含「+」號，這就是爲什麼它變成空白。我該如何解決這個問題？ – Dre

你必須使用模式。在這個線程中有一個答案。 http://stackoverflow.com/questions/32259058/allow-sign-on-html-form-type-number – Ranuka

檢查這一點。 http://stackoverflow.com/questions/469357/html-text-input-allow-only-numeric-input?noredirect=1&lq=1 – Ranuka

它不是刪除你的價值，但你忘了呼應你的價值，這就是爲什麼它顯示空白。 迴應您的價值。

確保您的值必須是一個數字，如果它包含任何特殊字符或任何除了號碼，然後它會刪除該值並顯示爲空白。

嘗試下面的代碼：

<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>

來源

2016-11-22 05:40:05

不會。他沒有忘記回顯該值，因爲'<？= $ phone_num ['business_number']？>'等於'<？php echo $ phone_num ['business_number'] ; ？>'。 – Ranuka

@Ranuka如果PHP的短標籤不允許從php.ini然後definetelly它將無法正常工作，這就是爲什麼我寫的回聲您獲得的價值。希望它能讓你清楚。 –

首先檢查任何JS黃色葡萄球菌的CSS適用於你的輸入字段還要檢查短標籤是允許在你的php.ini配置。

來源

2016-11-22 05:46:09

使用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>

來源

2016-11-22 05:46:40 user3099298

輸入類型「Number」會刪除我的文本字段的值

回答

相關問題