0

我有以下代码:</p>

<input id="pwd" name="txtPwd" />
<input type="submit" value="Save" />

当 pwd 输入为空时,我需要禁用提交按钮

没有 JQuery 怎么办?

4

4 回答 4

3

根据我从您的问题中得到的信息,当密码字段中有值时,您想将提交按钮从禁用更改为启用吗?

好吧,如果您在密码字段上附加了“必需”验证。即与模型绑定,那么表单将不会提交,因为验证将失败并停止表单提交。尽管如此,这仍然是在后台自动使用 jQuery 验证。

于 2012-11-08T06:13:33.400 回答
2

html代码:

<html>
  <body>
    <form runat="server" action="">
      <asp:ScriptManager ID="scriptmanager" runat="server">
      </asp:ScriptManager>
<asp:TextBox ID="txtPassword" runat="server" AutoPostBack="true" Text=""></asp:TextBox>

  <asp:UpdatePanel ID="updatePanel3" runat="server">
      <ContentTemplate>
         <asp:Button ID="btnSubmit" runat="server" Text="Submit" Enabled="false" />
     </ContentTemplate>
    <Triggers>
       <asp:AsyncPostBackTrigger ControlID="txtPassword" />
    </Triggers>
  </asp:UpdatePanel>
 </form>
</body>

C#代码:

  protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
        {

        }

        else
        {
            if (txtPassword.Text != "" && txtPassword != null)
            {
                btnSubmit.Enabled = true;
            }
            else
            {
                btnSubmit.Enabled = false;
            }
        }
    }
于 2012-11-08T07:05:21.933 回答
0

不使用 jquery,但使用 javascript 禁用按钮的示例

<html>
    <head></head>
    <body>

        <div>
            <input id="pwd" name="txtPwd" />
            <input type="submit" id="button" value="Save" />
        </div>
        <script type="text/javascript">
            var element = document.getElementById("button"); 
            element.setAttribute("disabled", "disabled"); 
        </script>
    </body> 
</html>

或者您可以在服务器端设置禁用属性。

于 2012-11-08T06:18:02.447 回答
0

如果您唯一的问题是无法使用 JQuery,那么您可以使用 Javascript。

将提交按钮设置为禁用,并使用javascript在输入pwd字段值时更改按钮的状态。您甚至可以对希望用户输入的密码格式添加验证。

如果您不能使用 javascript,那么您必须执行第二个选项“testCoder”,建议从服务器端控制此行为。

于 2012-11-08T06:42:39.543 回答