为什么不需要工作来验证我的表单?

Question

我正在尝试使用所需的关键字验证某些文本字段，但没有任何效果？

如何使用所需的关键字创建验证。

这是我的代码：

<div id="Name" class="tabcontent">
<form>
<div class="nameDiv">
Title: <input type="text" name="Title" title="Title" id="TitleTransfer">
</div>
<br>
<div class="addressDiv">
Name: <input type="text" name="name" id="NameTransfer" required />
<span class="asterisk"></span>
</div>
<br>
<div class="emailDiv">
Surname:
<input type="text" name="surname" id="LastNameTransfer" required />
<span class="asterisk"></span>
</div>
<br>
<div class="numberDiv">
Email Address:
<input type="text" name="email Address" id="EmailTransfer" required />
<span class="asterisk"></span>
</div>
<br>
<div class="numberDiv">
Phone number:
<input type="text" name="Phone number" id="NumberTransfer">
</div>
<button  id="save-btnOne" onclick="moveContentOne()">Save</button>
</form>
</div>

Answer 1

>required属性告诉浏览器表单字段必须包含某些内容，这是一个弱验证，在通过javascript挂钩表单提交时可以暂停(请记住，您没有在这里提供任何类型的JavaScript源代码，这些源代码可能在表单的轨道上(。

我假设钩住onclick-event 的moveContentOne()是唯一附加的 javascript。考虑到这一点，onSubmit事件保持不变，也将与您的onClick干预一起触发。您应该更愿意为此类表单挂钩onSubmit以应用自定义验证，但这可能会分离浏览器对表单验证的默认行为(包括字段的必需附件(。

您可以查看本指南：表单数据验证

Answer 2

function validateForm() {
var x = document.forms["myForm"]["fname"].value;
if (x == "") {
alert("Name must be filled out");
return false;
}
}

使用此类型的验证。 这适用于

<form name="myForm" onsubmit="validateForm()">
<input type="text" name="fname" />
</form>

某些浏览器不支持必填字段。 根据需要更改代码。 我希望它对你有所帮助。