javascript - 如何在按钮单击时在不同表单上添加所需内容

Question

是否可以在执行按钮之前在不同的表单上添加required？

假设我在 JS 中使用此代码时有一个 HTML 代码:

$(function() {
  $('#button1').click(function() {
    $("#email").prop('required', true);
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form>
  <input type="text" id="email" name="email" placeholder="Email*">
</form>
<form>
  <button id="button1">Submit</button>
</form>

即使电子邮件的textfield为空，按钮也会继续执行，

预期结果:单击按钮时如果输入字段为空，需要显示此文本

jsfiddle

Answer 1

您只需将所有内容都放在相同的形式中即可。

如您所见，既然我已经注释了分隔符，它就可以工作了 ^^

$(function() {
  $('#button1').click(function() {
    $("#email").prop('required', true);
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form>
  <input type="text" id="email" name="email" placeholder="Email*">
<!--</form>
<form>-->
  <button id="button1">Submit</button>
</form>