Question

我想在单击“提交”按钮时显示错误消息。所以假设我有3个复选框:(我显示一个，因为另一个是相同的）。请添加更多有关表单的代码。它在该级别不可调试。我应该将此添加为评论，但您可以看到我没有足够的声誉评分。

<label>
     <input type="checkbox"  name="privacy" value="1" id="privacy" required="required" >
      <span class="text-gray" style="font-size: 12px;"> 
        <a href="/privacy-policy/" target="_blank">Privacy</a>
      </span>
</label>

所有复选框都具有属性required="required"。当我点击提交按钮并且没有选中复选框时，我得到两件事：
1）我没有读到任何关于＆＃34;复选框是空的＆＃34;当需要属性时，我必须阅读HTML5默认验证 2）我收到此错误：名称无效的表单控件=＆＃39; privacy＆＃39;是无法集中精力的。

任何人都可以帮助我吗？

Answer 1

使用勾选以便检查它并检查以下代码我想它会帮助你

$(document).ready(function() {
    $("#submit").click(function() {
    var chkinput = document.getElementById("privacy");
        if (chkinput.checked) {
            alert("Checked!");
        }
        else {
        	alert ("Not checked");
        }
    });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form>
     <input type="checkbox"  name="privacy" value="1" id="privacy" checked>
      <span class="text-gray" style="font-size: 12px;"> 
        <a href="/privacy-policy/" target="_blank">Privacy</a><br/>
        <button id="submit">Submit</button>
      </span>
      </form>

<form method="post">
 <input type="checkbox"  name="privacy" value="1" id="privacy1" required="required">
  <span class="text-gray" style="font-size: 12px;"> 
    <a href="/privacy-policy/" target="_blank">Privacy</a><br/>
    <button>Submit</button>
  </span>
  </form>

如何在提交表单时显示带有复选框的错误消息

2 个答案: