asp.net - 在asp.net中执行JS函数后TextBox的颜色值消失?
问题描述
通过下面的 JS 函数设置属性时,TexBox 的颜色属性消失(闪烁)。请指教,如何保留颜色属性?
(即单击按钮后,颜色(奇数为绿色,偶数为红色)闪烁,颜色变回空白)
function numbercheck() {
var num = document.getElementById("txtnum").value;
if (num == "") {
alert("Please Enter number")
} else {
if (num % 2 == 0) {
alert("You have entered even number");
document.getElementById("txtnum").style.backgroundColor = "green";
} else {
alert("You have enetered Odd number");
document.getElementById("txtnum").style.backgroundColor = "red";
}
}
}
<p> Please enter a Number :
<asp:TextBox ID="txtnum" runat="server"></asp:TextBox>
</p>
<asp:Button Text="Check Number" ID="btnnum" runat="server" OnClientClick="return numbercheck()" />
解决方案
Please change your script function as
function numbercheck() {
debugger;
var num = document.getElementById("<%=txtnum.ClientID%>").value;
if (num == "") {
alert("Please Enter number")
} else {
if (num % 2 == 0) {
alert("You have entered even number");
document.getElementById("<%=txtnum.ClientID%>").style.backgroundColor = "green";
} else {`enter code here`
alert("You have enetered Odd number");
document.getElementById("<%=txtnum.ClientID%>").style.backgroundColor = "red";
}
}
}
and
<asp:Button Text="Check Number" ID="btnnum" runat="server" OnClientClick="return numbercheck()" CausesValidation="false" UseSubmitBehavior="false" />
推荐阅读
- angular - 如何在元素上设置活动类
- angular - ng build --base-href="/.../" --deploy-url="/.../" css 背景图片不工作
- r - 如何在 RStudio 中加载麻烦的 r 包依赖项?
- r - 使用 R 通过 url 批量下载时分配用作文件名链接的字符串
- web-applications - 我想要一些关于如何使 Web 应用程序自主的材料或资源
- oracle - 使用 ResultSet.TYPE_SCROLL_INSENSITIVE ,ResultSet.CONCUR_UPDATABLE 是否影响性能
- html - Google 搜索将网页名称显示为主页(当前)而不是页面名称
- java - 使用另一个列表对列表进行排序。根据第二个列表交换项目
- web-applications - 如何提供 .mbtiles(矢量图块)并在 Web 应用程序中使用它们?
- android-recyclerview - 使用改造加载更多项目的 Recyclerview