N久前剛有好需要動態產生INPUT

而且也只能用Javascrip做

所以就寫了一個這個東東.....不過就再也沒有類似的需求了

反正就記下來....至少是自己寫出來的.....

//Step1:動態產生input

function TXN_Field_New(){
 var table = theForm.document.getElementById("canceltable");
 var num = theForm.document.getElementById("COMBINENUM").value;
 var rowsCount = table.rows.length;

 if (num > rowsCount){
   for(var i = rowsCount; i < num; i ++)
     table.insertRow().insertCell().innerHTML =  ""
 }
 else if (num < rowsCount) {
    for(var i = rowsCount; i > num; i --) table.deleteRow(i-1);
 }
}

//Step2:讀取動態產生的input值
//cancelDebt =>動態產生的input

function TXT_READROW()
{
 var pp = "";
 var table = theForm.document.getElementById("canceltable");
 var rowsCount = table.rows.length;
 
 for(var ii=0;ii < rowsCount;ii++)
 {
  pp += "," +document.getElementById("cancelDebt"+ii).value;
  
 }
 alert(pp.substring(1,pp.length));
}

驗證是不是輸入數字的方式

網路上真的是多到數不清了

反正記下來萬一突然要用也可以馬上取得就是了....

第一種:
function checkNum01(NUM){
  var i,j,strTemp;
  strTemp="0123456789";
  if (NUM.length== 0)
    return 0;

  for (i=0;i < NUM.length;i++)
  {
    j =strTemp.indexOf(NUM.charAt(i));
    if (j==-1)
    {
      return 0;
    }
  }
  return 1;
}

1為true
0為false

第二種:
function checkNum02(){
  var intNum = theForm.document.getElementById("xxx");
  if (isNaN(intNum) )  {
    alert("請輸入數字!!");
    return false;
  }
  else{
    return true;
  }
}

第三種:
回傳True Or False
規則運算式參考:http://blog.roodo.com/rocksaying/archives/2670695.html
function checkNum03(val)
{
  var reg = /^[0-9]*$/;
  return reg.test(val);
}

第四種:
直接限制輸入鍵
function onlyNum()
{
  if(!((event.keyCode>=48&&event.keyCode<=57)||(event.keyCode>=96&&event.keyCode<=105)))
    event.returnValue=false;
}

arrow
arrow
    全站熱搜

    鴨爸 發表在 痞客邦 留言(0) 人氣()