jQuery表单验证和语法

Question

I am trying to calculate this but it is not working. I also tried the debugger and it says i have a syntax error on this line $("#button").click(function() {

Here is my full jQuery code:

 $(document).ready(function(){
  $("#form").validate({
            rules: {
                'wind': {
                    required: true,
                    positiveNumber:true  
                }
            },
            messages: {
                'wind': {
                    required: "This value is required",
                    positiveNumber:"Positive numbers only please"
                }
            }


$("#button").click(function() {
    var temp = Number($('input[name=temp]').val());
    var wind = Number($('input[name=wind]').val());
    var result = (temp - (1.5 * wind));
    $('#result').text(result + " Degree Celsius");

    });
});

});

html

            <form style="text-align:center;font-size:120%;" id="form">
    <label>
        <strong>Temperature</strong>
        <input name="temp" type="text" value="" id="temp">
    </label>
    <label>
        <strong>Wind Speed </strong>
        <input name="wind" type="text" value="" id="wind">
    </label>
    <br>
    <br>
    <button value="Submit" id="button" class="button">Submit</button>
    <br>
    <br>
    <button type="reset" value="Reset" id="button1">Reset</button>
</form>

</div>
<div class="res">
    <div id="result"></div>
</div>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="jquery-1.11.2.js">
</script>
<script type="text/javascript" src="script2.js"></script>

Answer 1

Piece of cake, passed your code through JSBeautifier (its just a pretty-formatter tool), and showed me this:

$(document).ready(function() {
     $("#form").validate({
         rules: {
             'wind': {
                 required: true,
                 positiveNumber: true
             }
         },
         messages: {
             'wind': {
                 required: "This value is required",
                 positiveNumber: "Positive numbers only please"
             }
         } 
         // NOTICE NOTICE NOTICE
         $("#button").click(function() {
             var temp = Number($('input[name=temp]').val());
             var wind = Number($('input[name=wind]').val());
             var result = (temp - (1.5 * wind));
             $('#result').text(result + " Degree Celsius");
         });
     }); // this guy should be where it screams notice
 });

The sample below shouldn't have syntax errors.

$(document).ready(function() {
    $("#form").validate({
        rules: {
            'wind': {
                required: true,
                positiveNumber: true
            }
        },
        messages: {
            'wind': {
                required: "This value is required",
                positiveNumber: "Positive numbers only please"
            }
        }
    });

    $("#button").click(function() {
        var temp = Number($('input[name=temp]').val());
        var wind = Number($('input[name=wind]').val());
        var result = (temp - (1.5 * wind));
        $('#result').text(result + " Degree Celsius");
    });
});

Answer 2

I don't think that $("#button") should be inside $("#form").validate() . Take it outside validate function but keep it inside $(document).ready(function()

EDIT

Looking at your HTML now... In imports I dont see jquery.validate.min.js .. how will it work?

Refer this question for more insights