jQuery表單驗證和語法

Question

我正在嘗試計算這個，但是它不起作用。 我還嘗試了調試器，它說我在此行$("#button").click(function() {

這是我完整的jQuery代碼：

 $(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

小菜一碟，通過JSBeautifier （它只是一個漂亮的格式化工具）傳遞了代碼，並向我展示了這一點：

$(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
 });

以下示例不應有語法錯誤。

$(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

我不認為$("#button")應該在$("#form").validate() 。 將其置於validate函數之外，但將其保留在$(document).ready(function()

編輯

現在查看您的HTML ...在導入中，我看不到jquery.validate.min.js ..它將如何工作？

請參閱此問題以獲取更多見解