为什么不需要工作来验证我的表格？

Question

我正在尝试使用required关键字验证某些文本字段，但是没有任何作用？

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

这是我的代码：

 <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 -event保持不变，并且会与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>

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