Easyui的numberbox無法輸入以0開頭的數字編号(轉載)

1.問題

        項目中碰到這樣一個問題,Easyui的numberbox在輸入數字編号的時候不能以0開頭

       在我輸入以0開頭的數字編号後，離開輸入框的時候，那個字首0就自動去掉了。

        接下來，我們檢視API說明：在input框裡加上 prefix屬性  data-options="prefix:'0'"  就可以解決numberbox開頭不能輸入0的問題了

2.屬性

該屬性擴充自驗證框（validatebox），下面是為數字框（numberbox）添加的屬性。

名稱

類型

描述

預設值

disabled

boolean

定義是否禁用該字段。

false

value

number

預設值。

min

允許的最小值。

null

max

允許的最大值。

precision

顯示在小數點後面的最大精度。

decimalSeparator

string

分隔數字的整數部分和小數部分的分隔字元。

.

groupSeparator

分隔整數組合的字元。

prefix

字首字元串。

suffix

字尾字元串。

filter

function(e)

定義如何過濾被按下的鍵，傳回 true 則接受輸入字元。

該屬性自版本 1.3.3 起可用。

formatter

function(value)

用來格式數字框（numberbox）值的函數。傳回顯示在框中的字元串值。

parser

function(s)

用來解析字元串的函數。傳回數字框（numberbox）值。

 3.事件

參數

onChange     

newValue,oldValue           

當字段值改變時觸發。                    

 4.方法

  該方法擴充自驗證框（validatebox），下面是為數字框（numberbox）添加或重寫的方法。

options

none          

傳回選項（options）對象。

destroy

none

銷毀數字框（numberbox）對象。

disable

禁用該域。

enable

啟用該域。

fix

把值固定為有效的值。

setValue      

設定數字框（numberbox）的值。

代碼執行個體：

$('#nn').numberbox('setValue', 206.12);

getValue

擷取數字框（numberbox）的值。

var v = $('#nn').numberbox('getValue');

alert(v);

clear

清除數字框（numberbox）的值。

reset

重置數字框（numberbox）的值。該方法自版本 1.3.2 起可用。     

5、執行個體

 <table cellpadding="5" style="width: 100%; height: 20%;">

<tr>

  <td style="text-align: right;">操作員編号:</td>

  <td><input id="operatorId" class="easyui-numberbox" data-options="prefix:'0'" style="width: 180px"></td>

  <td style="text-align: right;">操作員姓名:</td>

  <td><input id="operatorName" class="easyui-textbox" style="width: 180px"></td>

  <td style="text-align: right;">所屬機關:</td>

  <td><input id="operatorCompany" class="easyui-textbox" style="width: 180px"></td>

</tr>

 </table>

6.效果

 之前是無法輸入0的