0

我的订单有问题。我需要验证一些字段、复选框、下拉列表和产品数量。所以我刚开始使用复选框。它必须看起来像：如果我选中该框，但没有指定产品的数量，它会弹出一个 javascript 警报，告诉我指定我想从该产品订购多少。如果我不选中复选框，它的开始会提醒我。其次，我需要验证卡号：只有数字和 20 个字符，每 4 位数后带有 -。刚刚完成了复选框验证，但甚至无法完成数量验证和卡号、卡类型验证。

<!doctype html>
<html>
<head>
<meta charset="iso-8859-2">
<title>Order</title>

<script language="javascript">
function validateFunction() {
var fo = document.cardform;
if (!fo.field1.checked && !fo.field2.checked && !fo.field3.checked) {
      alert("Must choose at least one thing to buy");
      return false;
}
return true;
}
</script>

</head>

<body>
    <h2>
        <strong>
            Order
        </strong>
    </h2>
    <form name="cardform" action="" onsubmit="return validateFunction();">
    Name: <input type="text" name="name" size="40px" required> </br>
    Adress: <input type="text" name="adress" size="40px" required> </br>
    Card Type: <select name="card" form="cardform" required>
                    <option value="choose" selected>Please Choose</option>
                    <option value="visa">Visa</option>
                    <option value="americanexpress">American Express</option>
                    <option value="mastercard">Master Card</option>
                    <option value="maestro">Maestro</option>
</select>
    Cardnumber: <input type="number" name="cardnumber" required> </br>
    <table border="1px">
        <tr>
            <td>
            name:
            </td>
            <td>
            price:
            </td>
            <td>
            q:
            </td>
        </tr>
        <tr>
            <td>
            <input type="checkbox" name="field1">1
            </td>
            <td>
            13
            </td>
            <td>
            <input type="text" name="1q">
            </td>
        </tr>
        <tr>
            <td>
            <input type="checkbox" name="field2">2
            </td>
            <td>
            133
            </td>
            <td>
            <input type="text" name="2q">
            </td>
        </tr>
        <tr>
            <td>
            <input type="checkbox" name="field3">3
            </td>
            <td>
            1337
            </td>
            <td>
            <input type="text" name="3q">
            </td>
        </tr>
    </table>    
    Comment: </br>
    <textarea name="comments" cols="25" rows="5"> Comment here </textarea> </br>
        <input type="submit" value="Submit">
        <input type="reset" value="Reset">
    </form>

</body>
</html>
4

2 回答 2

0

有点不清楚你到底在问什么，但听起来你正在寻找一些关于表单验证的一般建议。

我建议使用 jQuery，然后使用jQuery Validate。

在此处查看文档和大量示例。

基本上，它让你做的是用属性来装饰你的 HTML 标签，这些属性告诉 jQuery Validate 应该如何验证该标签，无论是复选框还是输入字段。

于 2013-05-17T21:23:18.027 回答
0

在我看来，“字段有一些必需的属性”如果字段为空，它将中止下一个级别（我的意思是您的警报消息）。尝试使用 js/jquery 删除所需属性并为剩余字段编写验证。希望它有效。

于 2013-05-18T06:29:22.260 回答