我需要在javascript中设置我的文本框

I need to set my text box in javascript

本文关键字:设置 我的 文本 javascript      更新时间:2023-09-26

下面有一个函数,它创建了一个文本框,只允许数字输入,每次出现新行时都会出现。我的问题是,我不知道如何在文本框上编写这些功能:

  1. 框不允许输入字母(如果输入了字母,它会自动退格)

  2. 数字只能在0到100之间,小于0则显示0,大于100则显示100

有没有人知道如何在javascript中使用我的函数来编写这个:

function insertQuestion(form) 
{   
     var row = document.createElement("tr");
     var cell, input;
cell = document.createElement("td");
     cell.className = "weight";
     input = document.createElement("input");
     input.name = "weight_" + qnum;
     input.onkeypress = "return isNumberKey(event)";
     cell.appendChild(input);
     row.appendChild(cell);
}

您需要连接一个击键侦听器,并且在每次击键之后,您需要验证文本框中的内容,删除不需要的字符。使用jQuery来设置这一切要容易得多。

这个答案将引导你走向正确的方向:

仅当键是字母或数字时才对keyup发出警告

将此添加到输入的onblur或onkeypress事件中:

function leaveTextBoxFunc(){
    textBoxVal = document.getElementById('<your_input_element_id').value;
    if(isNaN(textBoxVal))
    {
      document.getElementById('<your_input_element_id').value = '';
      return;
    }
    if( parseFloat(textBoxVal)>100)
       document.getElementById('<your_input_element_id>').value = 100;
    if(parseFloat(textBoxVal)<0)
       document.getElementById('<your_input_element_id>').value = 0;
}

input.onblur = function(){ leaveTextBoxFunc() };

input.onkeypress = function(){ leaveTextBoxFunc() };

需要设置input元素的类型,如下所示:

input.type = "text";

没有测试,但应该做的工作。