如何在Razor .Net MVC 4中禁用没有JQuery的按钮
如何在Razor .Net MVC 4中禁用没有JQuery的按钮
提问于 2012-11-08 13:56:50
我有以下代码：
<input id="pwd" name="txtPwd" />
<input type="submit" value="Save" />当pwd输入为空时，我需要禁用提交按钮
没有JQuery我怎么做？
回答 4
Stack Overflow用户
发布于 2012-11-08 14:13:33
根据我从您的问题中得到的信息，当密码字段中有一个值时，您希望将submit按钮从disabled更改为enabled，对吗？
如果您将“必需的”验证附加到与模型绑定的密码字段.i.e，那么表单将不会提交，因为验证将失败并停止表单提交。尽管如此，它还是在后台自动使用jQuery验证。
Stack Overflow用户
发布于 2012-11-08 15:05:22
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#Code：
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
}
else
{
if (txtPassword.Text != "" && txtPassword != null)
{
btnSubmit.Enabled = true;
}
else
{
btnSubmit.Enabled = false;
}
}
}Stack Overflow用户
发布于 2012-11-08 14:18:02
不使用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>也可以在服务器端设置disabled属性。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/13283334
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号