Question

我的问题可能有点旧，但我尝试了所有可能性，但找不到任何解决方案。我想做一个函数来验证输入字段：这个功能很好用：

function myFunction()
{
    var x;
    x = document.getElementById('<%=textBoxCustomerCode.ClientID%>').value;
    if(isNaN(x) || x == "")
    {
        alert('Problem input');
        return false;
    }
    else
    {
        return true;
    }
}

这是代码：

<asp:ImageButton ID="imageButtonView" runat="server" Height="60px" ToolTip="بحث" Width="60px" BorderStyle="Solid" ImageUrl="~/Images/searchButton.jpg" OnClick="imageButtonView_Click" OnClientClick="return myFunction();"/>

此功能正常但一旦我需要使该功能适用于任何输入字段。我想要将任何字段传递给函数，以便验证它。任何想法都这样做。

Answer 1

这样的东西可以起作用（使该功能适用于任何文本框）：

function myFunction(textboxid)
{
    var x;
    x = document.getElementById(textboxid).value;
    if(isNaN(x) || x == "")
    {
        alert('Problem input');
        return false;
    }
    else
    {
        return true;
    }
}

在这里，您可以为函数指定要检查的文本框的ID。我们不会检查是否存在具有给定ID的文本框。

Answer 2

将x = document.getElementById('<%=textBoxCustomerCode.ClientID%>').value;更改为x = document.getElementById('imageButtonView').value;

Answer 3

您可以简单地使用class来查找元素。或者您可以将id传递给OnClientClick() ..

中的函数

function myFunction(element)
{
    var x;
    x = document.getElementById('element').value;
    if(isNaN(x) || x == "")
    {
        alert('Problem input');
        return false;
    }
    else
    {
        return true;
    }
}

您可以通过OnClientClick="return myFunction(this);"

调用此功能

Answer 4

尝试..........这个

 function myFunction(id)
 {
     var x;
     x = document.getElementById(id).value;
     if(isNaN(x) || x == "")
     {
       alert('Problem input');
        return false;
      }
      else
      {
        return true;
      }
  }

并通过onclientclick事件传递该id。即。

<asp:ImageButton ID="imageButtonView" runat="server" Height="60px" ToolTip="بحث" Width="60px" BorderStyle="Solid" ImageUrl="~/Images/searchButton.jpg" OnClick="imageButtonView_Click" OnClientClick="return myFunction(here is that id to pass);"/>

将textBox传递给java脚本函数

4 个答案: