Javascript HTML/JS-填充一个;“确认”;带有HTML字段元素值的弹出窗口

Javascript HTML/JS-填充一个;“确认”;带有HTML字段元素值的弹出窗口,javascript,html,Javascript,Html,我有以下表单字段来收集用户的基本输入(美元金额) 1。数量: 当用户点击提交按钮说“验证金额是否正确”并显示他们在上述字段“结算”中输入的金额时,我试图显示一个确认弹出窗口 我在这里做错了什么 <div class="submitDiv"><input type="submit" onclick="return confirm('Please confirm recovery amount is correct: $' + d

我有以下表单字段来收集用户的基本输入(美元金额)

1。数量:
当用户点击提交按钮说“验证金额是否正确”并显示他们在上述字段“结算”中输入的金额时,我试图显示一个确认弹出窗口

我在这里做错了什么

<div class="submitDiv"><input type="submit" onclick="return confirm('Please confirm recovery amount is correct: $' + document.getElementsByName("settlement_t1")[0].value;" value="Submit Form"></div>


在我尝试插入元素之前,一切正常。如中所示,我可以让它提示“请确认恢复金额是否正确:$”,但没有该金额。

问题的很大一部分在于您使用的是内联事件属性,这是一种已有25年以上历史的事件处理方法,但不是,因为人们看到其他人在使用它,他们只是复制它。相反,将JavaScript与HTML分开,并使用设置事件


您还向
提交
按钮添加了一个
单击
事件处理程序,当您应该添加
表单
时,该按钮会触发
表单
提交
事件。

问题的一个主要原因是您使用了内联事件属性,这是一种已有25多年历史的遗留事件处理方法,但事实并非如此,因为人们看到其他人在使用它,他们只是复制它。相反,将JavaScript与HTML分开,并使用设置事件

您还将向
提交
按钮添加
单击
事件处理程序,当您应该添加
表单
时,该按钮将触发
表单
提交
事件。

函数doConfirm(){
返回确认('请确认回收金额正确:$'+document.getElementsByName(“结算_t1”)[0].value);
}
函数formatValue(值){
返回值;
}

函数doConfirm(){
返回确认('请确认回收金额正确:$'+document.getElementsByName(“结算_t1”)[0].value);
}
函数formatValue(值){
返回值;
}


我没有提到的是,这是一个庞大混乱的web表单的一部分,它由约10个单独的js文件、约5个php文件等组成。我没有创建这个表单,它可能在成为我的负担之前经过了3-4个不同的人。所以,我只想用一种快速简单的方法来满足请求,但是javascript基本上已经被分离了。但是,我假设这是可能的,因为它已经差不多了,只需要添加输入字段的数量。好吧,我没有提到的是,这是一个庞大混乱的web表单的一部分,它由约10个单独的js文件、~5个php文件组成,等等,我没有创建这个表单,它可能在成为我的负担之前通过了3-4个不同的手。所以,我只想用一种快速简单的方法来满足请求,但是javascript基本上已经被分离了。但是,我假设这是可能的,因为它已经差不多存在了,只需要将输入的数量添加到字段中。如果按F12打开browser developer tools并在控制台中查看,则表明内联脚本中存在错误。更正后,它会按预期工作。如果按F12打开浏览器开发工具并查看控制台,则会显示内联脚本中有错误。一旦纠正,它就如预期的那样工作。谢谢,正是我所需要的。有趣的是,我有一个GCL10尖叫帝国在运行,但却不能让这个该死的网络表单做很多事情。我很感激。谢谢,这正是我需要的。有趣的是,我有一个GCL10尖叫帝国在运行,但却不能让这个该死的网络表单做很多事情。我很感激。
<div class="submitDiv"><input type="submit" onclick="return confirm('Please confirm recovery amount is correct: $' + document.getElementsByName("settlement_t1")[0].value;" value="Submit Form"></div>