Html 如果用户已经完成表单,则只有“提交”按钮可以单击,并且“提交”按钮将链接到另一个页面

Html 如果用户已经完成表单,则只有“提交”按钮可以单击,并且“提交”按钮将链接到另一个页面,html,Html,我想创建一个关于职位申请页面的表单,但是我想做一些验证,如果用户已经填写了表单中的所有元素,只有提交按钮可以单击,提交按钮将链接到另一个html页面,以显示您的申请已成功接收。我该怎么办,非常感谢你。我认为这是我代码的一部分 <label for="Minimum Salary (MYR)"><img src="Web Page Image (Koh Xin Hao)/Money.png"/>&nbsp;&nbsp;Minimum Salary (MYR)

我想创建一个关于职位申请页面的表单,但是我想做一些验证,如果用户已经填写了表单中的所有元素,只有提交按钮可以单击,提交按钮将链接到另一个html页面,以显示您的申请已成功接收。我该怎么办,非常感谢你。我认为这是我代码的一部分

<label for="Minimum Salary (MYR)"><img src="Web Page Image (Koh Xin Hao)/Money.png"/>&nbsp;&nbsp;Minimum Salary (MYR)</label>
<input type="text" id="Minimum Salary (MYR)" name="Minimum Salary (MYR)" value="RM "  maxlength="8" required="required">
<label for="Nationality"><img src="Web Page Image (Koh Xin Hao)/Card Issuing Country.png">&nbsp;&nbsp;Nationality</label>
<input type="text" id="Nationality" name="Nationality" placeholder="Malaysia" required="required">
<div><p>The application process will take up to 2 days. If your application is approved by the company, we will inform you via email or telephone call. Thanks for you application ^-^</p></div>
<input type="submit" required="required" class="btn" onclick="location.href='Payment Successful.html'"/>
<button type="submit" class="btn" onclick="location.href='Payment Successful.html'">Submit</button>

看到表单没有填写任何内容,但提交按钮也可以点击。我已经在我的代码中输入required=required,但验证不起作用。

如果我没有错,那么您想问一下如何验证所有字段并将表单提交到新页面

如果有的话,是的

添加required属性以要求该字段

并为要提交表单的表单指定一个action属性

Example <form action="your page" type="post">
希望对你有帮助


如果我误判了您的问题,请告诉我,您需要使用Javascript检查字段是否已填写,如果已填写,请禁用按钮

您还需要将required=required更改为just required,如下所示

您还需要将所有内容包装在一个表单标记中,并在按照提交时使用action字段提供下一页

您可能需要在Javascript中进行更多的验证,这基本上只是在字段不是空的情况下禁用另一个按钮。您可以在这里看到更多关于JS验证的信息

函数validateForm{ var input1=document.getElementByIdinput1.value; var input2=document.getElementByIdinput2.value; I输入1=={ console.loginput1为空!; }其他输入2=={ console.loginput2为空!; }否则{ console.loginputs不为空; document.getElementByIdbutton.disabled=true; } } 输入1 输入2
谷歌将被禁用您将需要Javascript来验证您的表单,以便它能够禁用其他表单buttons@PaddyHallihan我已经更改了它,但仍然是一样的。输入的每一行不都需要插入相同的名称吗?输入的所有内容都需要添加一个与我们在按钮中输入的相同的名称吗?这是我希望根据您的回答:对吗?由于验证仍然不起作用,在我查看您的代码时,您为按钮赋予了onclick属性,因此现在您的表单未提交,但您告诉浏览器转到该位置,因此您只需删除onclick,因为您在表单操作中提到了位置。谢谢,通过添加我的网页进入表单操作,问题已经解决了,就像你刚才说的,非常感谢你的回答,我的问题已经解决了,非常感谢
Example <form action="your page" type="post">