Question

我有一个网站，我在尝试使用PayPal结账前尝试使用我的（额外费用）复选框。单击此复选框时，还会为总价格添加额外的金额（不确定是否会影响任何内容）。我也找不到复选框的name =字段，所以我使用了id =我肯定是完全错误的。对不起，我对此非常新。

另请注意 - 在我的复选框表格之后，在我到达SUBMIT结帐按钮之前，我必须再浏览另外两页的书籍按钮...不确定这是否会阻止任何正常工作？ -

我已将以下内容添加到我的自定义css中：

    <form action="../" onsubmit="if (this.package-44.checked == false) { alert ('You didn\'t choose any of the checkboxes!'); return false; } else { return true; }">
<p><input type="checkbox" id="package-44" value="add" required="required" /></p>
<p><input type="submit" name="woocommerce_checkout_place_order" value="Proceed to PayPal" required="required" /></p>
</form>

我在我的主题的footer.php中发布了这个：

    $('#formTemplate').submit(function() {
    if (!attributeSupported("required") || ($.browser.safari)) {
   //If required attribute is not supported or browser is Safari (Safari thinks that it has this attribute, but it does not work), then check all fields that has required attribute
        $("#formTemplate [required]").each(function(index) {
        if (!$(this).val()) {
        //If at least one required value is empty, then ask to fill all required fields.
          alert("Please fill all required fields.");
          return false;
        }
      });
    }
    return false; //This is a test form and I'm not going to submit it
 });

我还在我的复选框输入的后端将输入更改为<required="required" />。这仍然不能阻止我继续我的结账。感谢任何更多的帮助。

Answer 1

如果我了解您需要该复选框。是吗？

只需更改复选框行：

<p><input type="checkbox" id="package-44" value="add" required ></p>

Answer 2

html输入需要一个简单的html代码。

将required="required"添加到input元素。例如：

<input type="checkbox" required="required" />

当您提交表单并且未选中复选框时，浏览器会向您发出提醒，通知您需要选中复选框元素。

因为您想在javascript中执行此操作，您可以查看以下答案：How to set HTML5 required attribute in Javascript?

编辑：请参阅Marko下面的评论，关于使用所需标签检查提交的表单。

所需复选框的JavaScript代码

2 个答案: