我有以下代码:</p>
<input id="pwd" name="txtPwd" />
<input type="submit" value="Save" />
当 pwd 输入为空时,我需要禁用提交按钮
没有 JQuery 怎么办?
我有以下代码:</p>
<input id="pwd" name="txtPwd" />
<input type="submit" value="Save" />
当 pwd 输入为空时,我需要禁用提交按钮
没有 JQuery 怎么办?
根据我从您的问题中得到的信息,当密码字段中有值时,您想将提交按钮从禁用更改为启用吗?
好吧,如果您在密码字段上附加了“必需”验证。即与模型绑定,那么表单将不会提交,因为验证将失败并停止表单提交。尽管如此,这仍然是在后台自动使用 jQuery 验证。
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;
}
}
}
不使用 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>
或者您可以在服务器端设置禁用属性。
如果您唯一的问题是无法使用 JQuery,那么您可以使用 Javascript。
将提交按钮设置为禁用,并使用javascript在输入pwd字段值时更改按钮的状态。您甚至可以对希望用户输入的密码格式添加验证。
如果您不能使用 javascript,那么您必须执行第二个选项“testCoder”,建议从服务器端控制此行为。