javascript - 使用 jQuery 在我的嵌套条件中没有任何作用

Question

所以我现在正在学习 jQuery，并且必须根据选择制作一个贷款计算器，并验证输入，然后输出结果。

我想确保你们知道我想做什么，所以我这里有一个应该发生的事情的流程图:http://i59.tinypic.com/8z02sh.jpg

问题是我不知道如何使用 Jquery 来做到这一点。我之前问过一个问题，得到了一些反馈。人们提供的用于彻底修复我的代码的代码都没有真正起作用。我拿了一个叫“Parody”的人的作品，并重写了我的代码。我不再犯错误，我现在所做的对我来说很有意义。问题是，当我输入数字并单击按钮时，没有任何反应。这是到目前为止我的代码。

提前致谢。

http://jsfiddle.net/mL74efjd/1/

HTML -

<h1>Loan Calc</h1>
<form id="salaryForm" name="salaryForm2" method="Post" action="javascript:void(0)">
<label for="salary">Enter your annual salary</label>
<input type="text" name="salary" id="salary">

</form>


<form id="creditform" name="creditForm" method="Post" action="javascript:void(0)">
<p>Please select your Credit Score</p>
<p><input type="radio" name="radio" id="over1" value="0">
<label for="over1">Over 600</label></p>
<p><input checked type="radio" name="radio" id="under1" value="0">
<label for="under1">Under 600</label></p>
</form>


<p> How long have you worked at your current job? </p>
<input class="job" id="job1" name="job" type="radio" value="0">
<label for="job1">I have worked at my current job over 1 year.</label><br>
<br/>
<input checked class="job" id="job2" name="job" type="radio" value="0">
<label for="job2">I have worked at my current job less than 1 year.</label><br>

</form>

<input type="button" id="check" name="check" value="Check">
<div id="message"></div>

JS-

$('#check').click(function()
{
  var salary;
  var isValid = $('#salaryForm').validate().form();
  // if validation passes, display a message
  if (isValid)
  {

    if (salary < 40000)
    {
      if ($('#over1').is(':checked'))
      {
        if ($('#job1').is(':checked'))
        {
          $('#message').html("Loan Approved.")
        }
        else {
          $('#message').html("Loan Denied.")
        }
      }
      else 
      {
        $('#message').html("Loan Denied.")
      }
    }
    else if (salary >= 40000)
    {
      if ($('#under1').is(':checked'))
      {
        if ($('#job2').is(':checked'))
        {
          $('#message').html("Loan denied.")
        }
        else 
        {
          if ($('#job1').is(':checked'))
            $('#message').html("Loan Approved.")
        }
      }else 
        {
          $('#message').html("Loan Approved.")
        }
      }
    }
});


// form validation
$.validator.setDefaults({
        errorElement: "span",
        errorClass: "form_error",
        errorPlacement: function(error, element){
            error.insertAfter(element)
        }
    });

    $.extend($.validator.messages,{
        required: "* Required field"
    });

$('#salaryForm').validate(
{
  rules:
  {
    salary:
    {
      required: true,
      digits: true,
      range: [1, 1000000]
    }
  }

});

Answer 1

变量工资没有在click方法中初始化。把--

var salary=$("#salary").val();

fiddle 中也不包含 jquery 和 jquery-validation 库