当用户在第一个文本框中输入超过 10% 的金额时,显示带有 chancel 按钮的模型弹出窗口

本文关键字:显示 chancel 按钮 窗口 模型 金额时 文本 第一个 输入 用户 | 更新日期: 2023-09-27 18:37:02

例如

我的第一个文本框是当前汇率

< asp.TextBox  ID="CurrentRateTextBox" runat="server".asp>

我的第二个文本框是新工资率

<asp.TextBox  ID="NewPayRateTextBox" runat="server".asp>

如果用户在CurrentRateTextBox中输入金额(假设他输入100美元)

因此,当用户将金额放入NewPayRateTexbox时,如果用户将CurrentRateTextBox增加超过10%(假设他在NewPayRateTexbox上投入了120美元),那么模型弹出窗口应该显示带有取消按钮。

否则用户在NewPayRateTextBox中投入少于110美元,那么将没有任何例外。我完全是初学者并在 WebPart 中开发。谢谢

当用户在第一个文本框中输入超过 10% 的金额时,显示带有 chancel 按钮的模型弹出窗口

写下

类似以下内容

 <script type="text/javascript">
    function myFunction() {
        var num1 = document.getElementById("CurrentRateTextBox").value;
        var num2 = document.getElementById("NewPayRateTextBox").value;
        var inc = ((num2 - num1) / num1 * 100);
        alert(inc);
        if (inc >= 10)
        {
            //your code
            document.getElementById("NewPayRateTextBox").value = "";
        } else { }
    }
</script>

呼叫方法

ID="NewPayRateTextBox" onblur="myFunction()"