javascript - 使用忽略一个变量的正则表达式进行验证？

Question

我是一名设计师，对正则表达式不是很熟悉。在这个论坛的一些非常友善的海报的帮助下，我已经做出了很大的努力来做到这一点。下面名为 checkform 的脚本应该验证三个字段，“client”、“terms”和“AMOUNT”。这很简单，客户和条款是必填字段，而“AMOUNT”需要以正确的十进制格式输入，例如。27.00 欧元。它验证“客户”和“条款”但完全忽略“金额”？不检查它的任何东西。

任何帮助将不胜感激。

<form action=http://rcehholidaytrust.com/account/redirectoffresponsepage.php method=post onSubmit="return checkform()">
        <table width="400" border="0" cellspacing="1" cellpadding="0">
            <tr>
            <td><div align="right"><font face="Verdana, Arial, Helvetica, sans-serif" size="2">Name </font></div></td>
            <td><input type="text" name="name" size="48" /></td>
            </tr>
            <tr>
            <td><div align="right"><font face="Verdana, Arial, Helvetica, sans-serif" size="2">Acc. No.</font></td>
            <td><label for="client"></label>
            <input name="CUST_NUM" type="text" id="client" size="48" /></td>
            </tr>
            <tr>
                <td><div align="right">Payment €&lt;/div></td>
            <td><label for="AMOUNT"></label>
            <input name="AMOUNT" type="text" id="AMOUNT" size="47" /></td>
         </tr>
            <tr>
            <td><div align="right"><font face="Verdana, Arial, Helvetica, sans-serif" size="2">Address</font></div></td>
            <td><textarea name="address" wrap="virtual" cols="35" rows="5"></textarea></td>
            </tr>
            <tr>
            <td><div align="right"><font face="Verdana, Arial, Helvetica, sans-serif" size="2">Telephone</font></div></td>
            <td><input type="text" name="telephone" size="48" /></td>
            </tr>
            <tr>
            <td><p align="right"><font face="Verdana, Arial, Helvetica, sans-serif" size="2">Email</font></p></td>
            <td><input type="text" name="email" size="48" /></td>
            </tr>
            <tr>
            <td><div align="right"></div></td>
            <td>&nbsp;</td>
            </tr>
            <tr>
             <td>&nbsp;</td>
            <td><input type="checkbox" name="terms" id="terms" />
             <label for="terms">Agree to terms and conditions</label></td>
                    </tr>
        </table>
        <p>&nbsp;</p>

    <input type=submit value="Proceed to secure server">
</form>


<script>
function checkform()
    {
     var reg=/^[0-9]{1,6}\.[0-9]{2}$/;

        var status=true;
     if(!reg.test(document.getElementById('AMOUNT').value))
     {
        status=false;
     }
     if(document.getElementById('client').value=="" || document.getElementById('name').value=="")
     {
            status=false;
     }
     if(document.getElementById('terms').checked==false)
        {
            status=false;
     }
        if(status==false)
        alert("Please check all fields");
        return status;
    }    
</script>
</body>
</html>

Answer 1

您的正则表达式^[0-9]{1,6}\.[0-9]{2}$将匹配 1 到 6 位数字，后跟 2 位十进制数字。

---

你可以试试这个

^[0-9]{1,6}(\.[0-9]{2})?$
//This would match  1 to 6 digits optionally followed by 2 decimal digits.

或者

 ^[0-9]{1,6}(\.[0-9]{1,2})?$
//This would match  1 to 6 digits optionally followed by 1 to 2 decimal digits.

?可选地匹配前面的组或字符

---

编辑

在某些情况下，您使用相同的名称id和name属性，在某些情况下，您使用其中的 1 个。看看这个和这个

 <input type="text" name="name" size="48" />

应该

<input name="name" type="text" name="name" id="name" size="48" />

Answer 2

正则表达式工作正常。脚本失败

document.getElementById('name').value==""

没有 ID 的元素name，所以这会出错。您需要id在输入中添加一个属性name：

<input type="text" name="name" id="name" size="48" />

要为该AMOUNT字段提供不同的警报，请将警报放在处理正则表达式测试失败的块内。

 if(!reg.test(document.getElementById('AMOUNT').value))
 {
    alert("Please enter a valid amount");
    return false;
 }

在这里使用return false，这样您就不会在函数结束时收到第二个警报。

Answer 3