onSubmit无法在任何浏览器中工作

我有一个简单的表单。我想用我简单的公式计算隐藏字段的值（分割率从下拉开始减少100，然后将它与文本字段的估计工资相乘）。onSubmit无法在任何浏览器中工作

但是，对于某些奇怪的原因，onSubmit不起作用。形式我想在表单提交，但它没有被称为在任何浏览器来计算上述值这是非常奇怪的问题

这里是代码：。

<script type="text/javascript"> 
function calc1() 
{ 
var a= document.getElementById('inf_custom_FLRaterClassCode0').value; 
    var b = document.getElementById('inf_custom_FLRaterEstimatedPayroll').value; 
document.getElementById('inf_custom_EstimatedQuote').value=parseFloat(a)/100 * parseFloat(b) ; 


} 

</script> 

<form accept-charset="UTF-8" action="https://kg933.infusionsoft.com/app/form/process/968a6b704587136af8684f30cc8c5cf4" class="infusion-form" method="GET" onSubmit="calc1();"> 
    <input name="inf_form_xid" type="hidden" value="968a6b704587136af8684f30cc8c5cf4" /> 
    <input name="inf_form_name" type="hidden" value="Full Quote - Florida Rate" /> 
    <input name="infusionsoft_version" type="hidden" value="1.28.7.21" /> 
    <div class="infusion-field"> 
     <label for="inf_field_FirstName">First Name *</label> 
     <input class="infusion-field-input-container" id="inf_field_FirstName" name="inf_field_FirstName" type="text" /> 
    </div> 
    <div class="infusion-field"> 
     <label for="inf_field_LastName">Last Name *</label> 
     <input class="infusion-field-input-container" id="inf_field_LastName" name="inf_field_LastName" type="text" /> 
    </div> 
    <div class="infusion-field"> 
     <label for="inf_field_Company">Company *</label> 
     <input class="infusion-field-input-container" id="inf_field_Company" name="inf_field_Company" type="text" /> 
    </div> 
    <div class="infusion-field"> 
     <label for="inf_field_Email">Email *</label> 
     <input class="infusion-field-input-container" id="inf_field_Email" name="inf_field_Email" type="text" /> 
    </div> 
    <div class="infusion-field"> 
     <label for="inf_field_Phone1">Phone 1 *</label> 
     <input class="infusion-field-input-container" id="inf_field_Phone1" name="inf_field_Phone1" type="text" /> 
    </div> 
    <div class="infusion-field"> 
     <label for="inf_custom_FLRaterClassCode0">FL Rater - Class Code #2 *</label> 
     <select id="inf_custom_FLRaterClassCode0" name="inf_custom_FLRaterClassCode0"><option value="">Please select one</option><option value="9519">9519</option><option value="5473">5473</option><option value="5472">5472</option><option value="9516">9516</option><option value="8393">8393</option><option value="8380">8380</option><option value="5188">5188</option></select> 
    </div> 
    <div class="infusion-field"> 
     <label for="inf_custom_FLRaterEstimatedPayroll">FL Rater - Estimated Payroll *</label> 
     <input class="infusion-field-input-container" id="inf_custom_FLRaterEstimatedPayroll" name="inf_custom_FLRaterEstimatedPayroll" type="text" /> 
    </div> 
    <input name="inf_custom_EstimatedQuote" type="hidden" value="" /> 
    <div class="infusion-submit"> 
     <input type="submit" value="Submit" /> 
    </div> 
</form>

来源

2013-04-09 Ahmar Ali

问题是你试图通过id访问一个元素，但应该按名称来完成。

更换

document.getElementById('inf_custom_EstimatedQuote').value=parseFloat(a)/100 * parseFloat(b) ;

与

document.getElementsByName('inf_custom_EstimatedQuote')[0].value=parseFloat(a)/100 * parseFloat(b) ;

或给一个ID，您需要在发送表格前改变输入。

来源

2013-04-09 18:04:11

完美的作品。不知道我是如何错过这样一个愚蠢的错误。 – 2013-04-09 18:11:12

它“的onsubmit”不“onSubmit”

event_form_onsubmit

来源

2013-04-09 17:57:41

我认为它被指定为属性并不重要。 – 2013-04-09 17:58:48

即使用小版本替换它也没关系，只是检查不起作用。 – 2013-04-09 18:00:20

你是对的。抱歉。 – 2013-04-09 18:03:55

calc1（）在提交表单之前运行。但是，当您提交表单时，您将重新加载页面（至“https://kg933.infusionsoft.com/app/form/process/968a6b704587136af8684f30cc8c5cf4”），因此您将无法看到计算结果，因为打开了新的网页。

来源

2013-04-09 18:03:35 Bart

但它仍然计算的值必须与表单一起提交，必须通过$ _POST或$ _GET存在，但值不会被更改。另外如果我用警报（“你好”）替换代码;它没有显示警告框意味着该功能没有被调用？ – 2013-04-09 18:05:44

onSubmit无法在任何浏览器中工作

回答

相关问题