Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/string/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
HTML';必需的';发射错误太晚了_Html_Required - Fatal编程技术网

HTML';必需的';发射错误太晚了

HTML';必需的';发射错误太晚了,html,required,Html,Required,我有以下(非常简化的)HTML和javascript代码。当我将numDig字段留空并单击“保存”按钮时,输入字段上出现required错误的时间有点晚,页面将重定向。当页面已经重定向和加载时,会出现required错误。 为什么会发生这种情况,有没有办法解决?目前,我可以在不填写必填字段的情况下提交表格 我尝试了按钮和输入,但它们都做了相同的事情。当页面已经重定向时,会出现required错误 <script> function saveSettings(){

我有以下(非常简化的)HTML和javascript代码。当我将
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
只会为表单元素添加单击操作,而不做任何其他操作,因此使用它是多余的。谢谢您的解释。我现在有点聪明了!