c# - html 按钮在 html 输入表单中激活 asp 验证 - 为什么？

Question

我想问一下，为什么在单击我的自定义按钮后，它只是将文本附加到表单内部的 div，然后它会激活该表单的 asp 验证？

<form asp-action="Create">
    <div asp-validation-summary="ModelOnly" class="text-danger"></div>

    <div class="form-group">
        <label asp-for="Name" class="control-label"></label>
        <input asp-for="Name" class="form-control" />
        <span asp-validation-for="Name" class="text-danger"></span>
    </div>

    <div id="append_area">

    </div>

    <button id="appendChild" onclick="addText()">add new thing</button>

    <div class="form-group">
        <input type="submit" value="Create" class="btn btn-default" />
    </div>
</form>

<script>
function addText()
{
  var div = document.getElementById('append_area');
  div.innerHTML += `test`;
}
</script>

Answer 1

将按钮类型设置为按钮

<button type="button" id="appendChild" onclick="addText()">add new thing</button>