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来源）。

我认为，钩住moveContentOne()事件的onclick是唯一附带的JavaScript。考虑到这一点，onSubmit事件保持不变，并且也会在您的onClick干预下触发。对于这种形式的表单，您应该更喜欢钩住onSubmit来应用自定义验证，但这可能会脱离浏览器的默认行为以进行表单验证（包括必填字段）。

您可以看一下本指南：Form data validation

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>

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

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

2 个答案: