HTML';必需的';发射错误太晚了
我有以下(非常简化的)HTML和javascript代码。当我将HTML';必需的';发射错误太晚了,html,required,Html,Required,我有以下(非常简化的)HTML和javascript代码。当我将numDig字段留空并单击“保存”按钮时,输入字段上出现required错误的时间有点晚,页面将重定向。当页面已经重定向和加载时,会出现required错误。 为什么会发生这种情况,有没有办法解决?目前,我可以在不填写必填字段的情况下提交表格 我尝试了按钮和输入,但它们都做了相同的事情。当页面已经重定向时,会出现required错误 <script> function saveSettings(){
numDig
字段留空并单击“保存”按钮时,输入字段上出现required
错误的时间有点晚,页面将重定向。当页面已经重定向和加载时,会出现required
错误。
为什么会发生这种情况,有没有办法解决?目前,我可以在不填写必填字段的情况下提交表格
我尝试了按钮
和输入
,但它们都做了相同的事情。当页面已经重定向时,会出现required
错误
<script>
function saveSettings(){
//More code here
//and redirect to the previous page
}
</script>
<form>
<div class="space">
<p> Enter the number you like </p>
<input id="numDig" type="number" min="1" max ="6" required>
</div>
<div class="space">
<button type="submit" onclick="saveSettings()">Save</button>
<!--<input type="submit" onclick="saveSettings()" value="Save">-->
</div>
</form>
函数saveSettings(){
//这里有更多代码
//并重定向到上一页
}
输入您喜欢的号码
拯救
您将该功能放入onsubmit
中,以便正确生效
<form onsubmit="saveSettings()">
<div class="space">
<p> Enter the number you like </p>
<input id="numDig" type="number" min="1" max ="6" required>
</div>
<div class="space">
<input type="submit">Save</button>
</div>
</form>
输入您喜欢的号码
拯救
您将该功能放入onsubmit
中,以便正确生效
<form onsubmit="saveSettings()">
<div class="space">
<p> Enter the number you like </p>
<input id="numDig" type="number" min="1" max ="6" required>
</div>
<div class="space">
<input type="submit">Save</button>
</div>
</form>
输入您喜欢的号码
拯救
谢谢!现在它工作了!你能解释一下为什么你的方法有效而我的方法无效吗?onclick=“saveSettings()
和onsubmit=“saveSettings()
之间到底有什么区别?required
指定在使用onsubmit
提交表单之前必须填写输入字段。这是一个javascript内置验证,它与onsubmit
一起使用,并与给定的按钮type='submit'一起使用
onclick`只是附加到按钮的操作,没有附加额外的输入验证。另外,表单的onclick
只会为表单元素添加单击操作,而不做任何其他操作,因此使用它是多余的。谢谢您的解释。我现在有点聪明了!非常感谢。现在它工作了!你能解释一下为什么你的方法有效而我的方法无效吗?onclick=“saveSettings()
和onsubmit=“saveSettings()
之间到底有什么区别?required
指定在使用onsubmit
提交表单之前必须填写输入字段。这是一个javascript内置验证,它与onsubmit
一起使用,并与给定的按钮type='submit'一起使用
onclick`只是附加到按钮的操作,没有附加额外的输入验证。另外,表单的onclick
只会为表单元素添加单击操作,而不做任何其他操作,因此使用它是多余的。谢谢您的解释。我现在有点聪明了!