JQuery按揭计算器 - 不可能的脚本

时间:2017-02-14 00:10:06

标签: php jquery forms calculator

我从最后一位开发人员那里得到了这个项目,并且我不知道发生了什么,我花了最近8天尝试了所有可以计算得出的结果。

当客户填写表单时,会发生什么,然后当他们按下SUBMIT时,表单会将幕后信息传递到php文件,在该文件中整理表单中的信息并通过电子邮件发送给我们公司。

客户未被重定向,表单只是计算其金额并在表单上方显示计算结果。我们得到他们的联系方式。

这是我留下的东西:

Html表格:

TabLayoutPanel

这是jquery脚本:

<div class="form">

              <div id="message"></div>


              <form method="post" action="hmcib.php" name="hmcib-form" id="hmcib-form" enctype="multipart/form-data">

                <h3>Applicant 1</h3>

                <div class="field-wrap half left">
                  <label for=a1_gro_sal><span><br /></span>Gross Annual Salary</label>
                  <input name="a1_gro_sal" type="text" id="a1_gro_sal" tabindex="1" data-format="$0,0.00" />
                </div>

                <div class="field-wrap half right">
                  <label for=a1_gro_add>Gross Annual Additional Income<br /><small>(Overtime/Allowances)</small></label>
                  <input name="a1_gro_add" type="text" id="a1_gro_add" tabindex="2" data-format="$0,0.00" />
                </div>

                <h3>Applicant 2</h3>

                <div class="field-wrap half left">
                  <label for=a2_gro_sal><span><br /></span>Gross Annual Salary</label>
                  <input name="a2_gro_sal" type="text" id="a2_gro_sal" tabindex="3" data-format="$0,0.00" />
                </div>

                <div class="field-wrap half right">
                  <label for=a2_gro_add>Gross Annual Additional Income<br /><small>(Overtime/Allowances)</small></label>
                  <input name="a2_gro_add" type="text" id="a2_gro_add" tabindex="4" data-format="$0,0.00" />
                </div>

                <h3>Your Details</h3>

                <div class="field-wrap half left">
                  <label for=f_name>First Name</label>
                  <input name="f_name" type="text" id="f_name" tabindex="5" />
                </div>

                <div class="field-wrap half right">
                  <label for=l_name>Last Name</label>
                  <input name="l_name" type="text" id="l_name" tabindex="6" />
                </div>

                <div class="field-wrap half left">
                  <label for=email>Email Address</label>
                  <input name="email" type="text" id="email" tabindex="7" />
                </div>

                <div class="field-wrap half right">
                  <label for=phone>Phone Number</label>
                  <input name="phone" type="text" id="phone" tabindex="8" />
                </div>

                <!--<div class="field-wrap full">
                <label for=verify>Please Enter the Code Below</label>
                <input name="verify" type="text" id="verify" tabindex="9"  class="verify" />
                <img src="/forms/image.php" class="verify-img" />
              </div>-->

              <div class="field-wrap full">
                <div class="checkbox-wrap">
                  <input name="call" type="checkbox" id="call" checked="checked" tabindex="9" />
                  <label for=call>Would you like an adviser call you to give you further information?</label>
                </div>
              </div>

              <div class="field-wrap full">
                <div class="checkbox-wrap">
                  <input name="agree" type="checkbox" id="agree" tabindex="10" />
                  <label for=agree>Declaration: I understand that by submitting my details you will hold my personal data on your database.</label>
                </div>
              </div>

              <div class="field-wrap full">
                <input type="submit" id="submit" value="Calculate" />
              </div>

这是收集信息并通过电子邮件发送给我们公司的PHP文件:

 $('#hmcib-form').submit(function(){

        var action = $(this).attr('action');

        $('#submit').attr('disabled','disabled').after('<img src="loading.gif" class="loader" />');

        $("#message").slideUp(750,function() {
        $('#message').hide();

        var checkbox_value_call = '';
            if (jQuery('input#call').is(':checked'))
                checkbox_value_call = 1;
            else
                checkbox_value_call = 0;

        var checkbox_value_agree = '';
            if (jQuery('input#agree').is(':checked'))
                checkbox_value_agree = 1;
            else
                checkbox_value_agree = 0;

        $.post(action, {
            a1_gro_sal: $('#a1_gro_sal').val(),
            a1_gro_add: $('#a1_gro_add').val(),
                a2_gro_sal: $('#a2_gro_sal').val(),
                a2_gro_add: $('#a2_gro_add').val(),
            f_name: $('#f_name').val(),
            l_name: $('#l_name').val(),
            email: $('#email').val(),
            phone: $('#phone').val(),
            call: checkbox_value_call,
            agree: checkbox_value_agree,
//          verify: $('#verify').val()
        },
            function(data){
                document.getElementById('message').innerHTML = data;
                $('#message').slideDown('slow');
                $('#hmcib-form img.loader').fadeOut('fast',function(){$(this).remove()});
                $('#submit').removeAttr('disabled');
                $('body,html').animate({scrollTop: ($('body').offset().top)}, 750);
                if(data.match('success') != null) $('#hmcib-form').slideUp('slow');
            }
        );

        });

        return false;

    });

当我提交表单时,我只是将表格显示在表单上方,并显示用户信息,基本上是php文件中我在表单上方回显的内容,但我根本不知道如何或在何处计算结果向客户展示他们可以借多少钱。

我也留下了这个文件,我认为必须做计算,但它是巨大的!所以我不想在这里添加它,我只想添加一个链接。

Calc Script File

Calc Config File

我确实碰到了一堵砖墙,我无法弄清楚该怎样做才能在提交表格时将用户输入值的计算值输出到屏幕上。我会非常感激地欣赏任何帮助。

非常感谢你。请随时询问任何进一步的信息,我将非常乐意为您提供帮助。

我在思考它在php文件中缺少的东西,我根本不确定。

0 个答案:

没有答案