Javascript 当文本框为空时，不需要在HTML格式的表单内工作 提交

在这里，即使我没有提供studentID，也没有显示任何错误，即使使用了必需的错误，我面临的其他问题是模式在这里不起作用。

使用此代码-

<form method="get">
    <input type="text" name="StudentID" placeholder="Ex: ZX12345"
        id="StudentID" pattern="[A-Z]{2}[0-9]{4}" required><br> <br>
    <button name="submit" type="button" value="submit"
        onclick="studentId()">Submit</button>
</form>

提交

按钮类型应为submit，用于检查输入字段

请参阅。

使用此代码-

<form method="get">
    <input type="text" name="StudentID" placeholder="Ex: ZX12345"
        id="StudentID" pattern="[A-Z]{2}[0-9]{4}" required><br> <br>
    <button name="submit" type="button" value="submit"
        onclick="studentId()">Submit</button>
</form>

提交

按钮类型应为submit，用于检查输入字段

---

请参阅。

更新要提交的按钮类型

<form method="post">
    <input type="text" name="StudentID" placeholder="Ex: ZX12345"
        id="StudentID" pattern="[A-Z]{2}[0-9]{4}" required="required"><br> <br>
    <button name="submit" type="submit" value="submit"
        onclick="studentId()">Submit</button>
</form>

提交

---

因为表单标签总是检查必填字段是否为空或仅在提交时不为空。

更新要提交的按钮类型

<form method="post">
    <input type="text" name="StudentID" placeholder="Ex: ZX12345"
        id="StudentID" pattern="[A-Z]{2}[0-9]{4}" required="required"><br> <br>
    <button name="submit" type="submit" value="submit"
        onclick="studentId()">Submit</button>
</form>

提交

---

因为表单标签总是检查必填字段是否为空或仅在提交时不为空。

您应该在输入中添加结束斜杠 并从按钮中删除类型属性

<button name="submit" type="submit" value="submit"
        onclick="studentId()">Submit</button>

提交

---

这是一个演示

您应该在输入中添加结束斜杠 并从按钮中删除类型属性

<button name="submit" type="submit" value="submit"
        onclick="studentId()">Submit</button>

提交

---

下面是一个演示

在javascript方法中使用的问题解决方案

<form method="post">
    <input type="text" name="StudentID" placeholder="Ex: ZX12345"
        id="StudentID" pattern="[A-Z]{2}[0-9]{4}" required/>
    <button name="submit" onclick="studentId()">Submit</button>
</form>

---

解决这个问题的方法是使用in-javascript方法

<form method="post">
    <input type="text" name="StudentID" placeholder="Ex: ZX12345"
        id="StudentID" pattern="[A-Z]{2}[0-9]{4}" required/>
    <button name="submit" onclick="studentId()">Submit</button>
</form>

---

---

也请使用动词或动词短语名称，如

saveStudent

，而不是名词。我链接的小提琴工作正常。您的程序中可能还有其他错误。但对于被问到的问题，这是正确的方法。我可以看出每个人的回答都是一样的，一个人可能是错的，而不是所有人。尝试调试你的codesubmit正在工作，但我需要使用event.preventDefault在jsGlad中帮助你还请使用动词或动词短语名称，如

saveStudent

，而不是名词。我链接的小提琴工作正常。您的程序中可能还有其他错误。但对于被问到的问题，这是正确的方法。我可以看出每个人的回答都是一样的，一个人可能是错的，而不是所有人。尝试调试您的codesubmit正在工作，但我需要在JSF中使用event.preventDefault。很高兴这对您有所帮助。简单来说，按钮类型应该是type=“submit”，所以请更改它。我正在获取json，如果正在使用submit，则在javascript函数onclick=“studentId（）”中不会获取json您需要使用AJAX获取JSON，而对于获取JSON，您需要使用method=“get”而不是posti。我只使用AJAX和get方法。我们可以看到您的完整代码吗？很简单，按钮类型应该是type=“submit”，所以更改它。我正在获取JSON，如果使用submit JSON，则不会在javascript函数onclick=“studentId（）中获取JSON您需要使用AJAX获取JSON，对于获取JSON，您需要使用method=“get”而不是posti am仅使用AJAX和get方法。我们可以看到您的完整代码吗？