Asp按钮验证和提交在一个函数中。后退

时间:2015-03-27 11:41:02

标签: javascript html asp.net

我使用visual studio 2013和网络表单。我有一个javascript函数来传递文本框值来更改标题。我有一个条件,当没有值传递时,警告传递实际值。当传递一个值时,该值将在标题位置被替换。我的代码中的问题是当我没有传递任何值并单击按钮时它没有显示任何警报。虽然当我通过价值时它代替了所有权地点。请帮帮我。

这是我的剧本:

<script type="text/javascript">
     function substitute() {
         var isValid = true;
         var myValue = document.getElementById('<%= myTextBox.ClientID %>').value;
        if (myValue.length == 0) {
            alert('Please enter a real value');
            return;
        }
        var myTitle = document.getElementById('title');
        myTitle.innerHTML = myValue;
      return false;
   }

</script>

这是我的Html:

<h1 id="title">Javascript Example</h1>
<asp:TextBox runat="server" type="text" id="myTextBox" />
<asp:Button runat="server"  Text="click me" OnClientClick="return substitute();" />

1 个答案:

答案 0 :(得分:0)

使用您的代码我会看到警告弹出窗口,其中显示&#39;请输入实际值&#39;,如果我在文本框中未输入任何内容并单击按钮。这是我的aspx的完整代码。请验证它与您的相同,但第1行的命名空间和页面名称除外:

<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="test.aspx.vb" Inherits="MyNamespace.test" %>
<!DOCTYPE html>,
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script type="text/javascript">
        function substitute() {
            var isValid = true;
            var myValue = document.getElementById('<%= myTextBox.ClientID %>').value;
               if (myValue.length == 0) {
                   alert('Please enter a real value');
                   return;
               }
               var myTitle = document.getElementById('title');
               myTitle.innerHTML = myValue;
               return false;
           }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <h1 id="title">Javascript Example</h1>
    <asp:TextBox runat="server" type="text" ID="myTextBox" />
    <asp:Button runat="server" Text="click me" OnClientClick="return substitute();" />
    </form>
</body>
</html>