JavaScript 发生变化以匹配模式-6ren

JavaScript 发生变化以匹配模式

转载作者：行者123 更新时间：2023-12-03 11:29:49

25

4

我有以下代码。

<!doctype html>
<html>
    <head>
        <style type="text/css">
            #error
            {
                color: red;
            }
        </style>
        <script type='text/javascript'>

            function showpay() {
                if ((document.calc.loan.value == null || document.calc.loan.value.length == 0) ||
                    (document.calc.months.value == null || document.calc.months.value.length == 0) ||
                    (document.calc.rate.value == null || document.calc.rate.value.length == 0)) {
                    document.calc.pay.value = "Incomplete data";
                }
                else {
                    var princ = document.calc.loan.value;
                    var term = document.calc.months.value;
                    var intr = document.calc.rate.value / 1200;
                    document.calc.pay.value = princ * intr / (1 - (Math.pow(1 / (1 + intr), term)));
                }
            }

            function isNumberKey(evt) {
                var charCode = (evt.which) ? evt.which : evt.keyCode;
                if (charCode != 46 && charCode > 31 && (charCode < 48 || charCode > 57))
                {
                    document.getElementById('error').style.display = 'inline';
                    document.getElementById('error').style.color = 'red';
                    document.getElementById('error').innerHTML = 'OOPs! Only digits allowed.';

                } else {
                    document.getElementById('error').style.display = 'none';
                    return true;
                }
            }
        </script>
    </head>
    <body>
        <form name="calc">
            <p>
            <center>
                <table width="200" border="1">
                    <tbody>
                        <tr>
                            <th scope="col">Description</th>
                            <th scope="col">Data Entry</th>
                        </tr>
                        <tr>
                            <td>Principle</td>
                            <td><input type="text" name="loan" id="loan" onkeypress="return isNumberKey(event)">
                            </td><span id="error"/>
                    </tr>
                    <tr>
                        <td>Interest</td>
                        <td><input type="text" name="rate" id="rate" onkeypress="return isNumberKey(event)">
                        </td><span id="error"/>
                    </tr>
                    <tr>
                        <td>Tenure</td>
                        <td>
                            <input type="text" name="months" id="months" onkeypress="return isNumberKey(event)">
                        </td><span id="error"/>
                    </tr>
                    <tr>
                        <td>EMI</td>
                        <td>
                            <input name="textfield4" type="text" id="pay" readonly></td>
                    </tr>
                    <tr>
                        <td><input type="button" value="Submit" onClick='showpay()'/></td>
                        <td><input type=reset value=Reset></td>
                    </tr>
                    </tbody>
                </table>

                <font size=1>Enter only numeric values (no commas), using decimal points
                where needed.<br>
                Non-numeric values will cause errors.</font>
            </center>
        </p>
    </form>
</body>
</html>

这里我面临两个问题，

我遇到的错误不会自动消失。
文本框接受字母，其中我只需要数字和小数作为输入。它还接受其他特殊字符，仅应接受 . 。
我想限制文本框仅接受数字和 .(十进制数字)。

请让我知道如何实现这些。

谢谢

最佳答案

这将修复keypress的检查，但您需要更改项目的id，这样您就不会出现多个错误ids.这是无效的 HTML，这可能就是它无法按您预期工作的原因。

function isNumberKey(e) {
    var charCode = (e.which ? e.which : e.keyCode),
        valid;

    switch(charCode){
        case 96:
        case 97:
        case 98:
        case 99:
        case 100:
        case 101:
        case 102:
        case 103:
        case 104:
        case 105:
        case 190:
            valid = true;
            break;
        default:
            valid = false;
            break;
    }

    if(valid){
        // remove the error
    } else {
        // add the error
    }

    return valid;
}

这至少会限制您想要接受的字符，因为它会创建一个包含数字 (0-9) 字符和句点字符的包含列表。

关于JavaScript 发生变化以匹配模式，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/26782879/

25

4

0

文章推荐： javascript - C3 条形图，条数未知

文章推荐： javascript - 访问 javascript 数组会产生意想不到的结果

文章推荐： javascript - thenEvaluate()的返回方式与evaluate()相同吗？

文章推荐： javascript - jQuery fadeIn() 和 fadeOut() 无延迟

awk - 如果行与“foo”匹配，线上方与“bar”匹配，线下方与“baz”匹配，则删除行？
使用sed和/或awk，仅在行包含字符串“ foo”并且行之前和之后的行分别包含字符串“ bar”和“ baz”时，我才希望删除行。因此，对于此输入： blah blah foo blah bar
c# - 如何按 X% 匹配 2 个字符串(即 >90% 匹配)
例如: S1: "some filename contains few words.txt" S2:“一些文件名包含几个单词 - draft.txt” S3:“一些文件名包含几个单词 - 另一个 dr
R 合并数据帧，允许不精确的 ID 匹配(例如，附加字符 1234 匹配 ab1234)
我正在尝试处理一些非常困惑的数据。我需要通过样本 ID 合并两个包含不同类型数据的大数据框。问题是一张表的样本 ID 有许多不同的格式，但大多数都包含用于匹配其 ID 中某处所需的 ID 字符串，例如
css - 匹配 col-md 时显示 div，匹配 col-sm 时不显示
我想在匹配特定屏幕尺寸时显示特定图像。在这种情况下，对于 Bootstrap ，我使用 col-xx-## 作为我的选择。但似乎它并没有真正按照我认为应该的方式工作。基本思路，我想显示一种全屏图像，
apache - mod_rewrite 问题 : RewriteCond %{REQUEST_FILENAME} ! -f 匹配，即使 REQUEST_FILENAME 不应(完全)匹配
出于某种原因，这条规则 RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d RewriteRule ^(.*
F# 匹配 ->
我想做类似的东西(Nemerle 语法) def something = match(STT) | 1 with st= "Summ" | 2 with st= "AVG" =>
JavaScript 匹配
假设这是我的代码 var str="abc=1234587;abc=19855284;abc=1234587;abc=19855284;abc=1234587;abc=19855284;abc=123
JavaScript 匹配
我怎样才能得到这个字符串的数字:'(31.5393701, -82.46235569999999)' 我已经在尝试了，但这离解决方案还很远:) text.match(/$(\d+),(\d+)$/
JavaScript 匹配
如何去除输出中的逗号 (,)？有没有更好的方法从字符串或句子中搜索 url。 alert(" http://www.cnn.com df".match(/https?:\/\/([-\w\.]+
Python - 匹配
a = ('one', 'two') b = ('ten', 'ten') z = [('four', 'five', 'six'), ('one', 'two', 'twenty')] 我正在尝试
vba - 循环遍历行和列时的索引/匹配
我已经编写了以下代码，我希望用它来查找从第 21 列到另一张表中最后一行的值，并根据这张表中 A 列和另一张表中 B 列中的值将它们返回到这张表床单。当我使用下面的代码时，我得到一个工作表错误。你能
Excel 匹配 IF 语句未正确评估
我在以下结构中有两列 A B 1 49 4922039670 我已经能够评估 =LEN(A1)如2 , =LEFT(B1,2)如49 , 和 =LEFT(B1,LEN(A1)
基于行首的 Vim 匹配
我有一个文件，其中一行可以以 + 开头, -或 * .在其中一些行之间可以有以字母或数字(一般文本)开头的行(也包含这些字符，但不在第 1 列中!)。知道这一点，设置匹配和突出显示机制的最简单方法是
正则表达式:匹配，但如果在评论中则不匹配
我有一个数据字段文件，其中可能包含注释，如下所示: id, data, data, data 101 a, b, c 102 d, e, f 103 g, h, i // has to do with
匹配 url 的正则表达式模式
我有以下模式:/^\/(?P.+)$/匹配:/url . 我的问题是它也匹配 /url/page ，如何忽略/在这个正则表达式中？该模式应该: 模式匹配:/url 模式不匹配:/url/page 提
r - R中多维度的聚类/匹配
我有一个非常庞大且复杂的数据集，其中包含许多对公司的观察。公司的一些观察是多余的，我需要制作一个键来将多余的观察映射到一个单独的观察。然而，判断他们是否真的代表同一家公司的唯一方法是通过各种变量的相似
xpath 匹配 - 查找值不在值集中的标签是否存在
我有以下 XML A B C 我想查找 if not(exists(//Record/subRecord
javascript - 匹配/不匹配的正则表达式上没有出现警报框？
我制作了一个正则表达式来验证潜在的比特币地址，现在当我单击报价按钮时，我希望根据正则表达式检查表单中输入的值，但它不起作用。 https://jsfiddle.net/arkqdc8a/5/ var
sql - 检查支架是否平衡/匹配
我有一些 MS Word 文档，我已将其全部内容转移到 SQL 表中。内容包含多个方括号和大括号，例如 [{a} as at [b],] {c,} {d,} etc 我需要进行检查以确保括号平衡/匹
JavaScript Unicode 匹配
我正在使用 Node.js 从 XML 文件读取数据。但是当我尝试将文件中的数据与文字进行比较时，它不匹配，即使它看起来相同: const parser: xml2js.Parser = new

首页

博学

6Ren·AI

商城

JavaScript 发生变化以匹配模式