Javascript jQuery脚本未正确引用_Javascript_Jquery_Html_Css

Javascript jQuery脚本未正确引用

javascript jquery html css

Javascript jQuery脚本未正确引用,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我不明白为什么，但我的脚本没有正常工作，因为它以前工作得很好。现在，它不再工作了，我不知道为什么，因为我不记得对脚本标记做了任何更改 <body> <form id="contact"> <fieldset id="contactInformation"> <legend>Contact Information</legend> <p id="error"></p>

我不明白为什么，但我的脚本没有正常工作，因为它以前工作得很好。现在，它不再工作了，我不知道为什么，因为我不记得对脚本标记做了任何更改

<body>
<form id="contact">
    <fieldset id="contactInformation">
        <legend>Contact Information</legend>
        <p id="error"></p>
        <label for="name">Name:</label>
        <br>
        <input id="name" type="text">
        <br>
        <br>
        <label for="phoneNumber">Phone Number:</label>
        <br>
        <input id="phoneNumber" type="text">
        <br>
        <br>
        <label id="eMail">E-Mail Address:</label>
        <br>
        <input type="text">
        <br>
        <br>
        <label id="address">Address:</label>
        <br>
        <input type="text">
        <br>
        <br>
        <label id="city">City:</label>
        <br>
        <input type="text">
        <br>
        <br>
        <label id="postalCode">Postal Code:</label>
        <br>
        <input type="text">
        <br>
        <br>
        <label id="province">Province</label>
        <br>
        <select id="province">
            <option>Choose Your Province</option>
            <option>Alberta</option>
            <option>British Columbia</option>
            <option>Manitoba</option>
            <option>New Brunswick</option>
            <option>Newfoundland and Labrador</option>
            <option>Northwest Territories</option>
            <option>Nova Scotia</option>
            <option>Nunavut</option>
            <option>Ontario</option>
            <option>Prince Edward Island</option>
            <option>Quebec</option>
            <option>Saskatchewan</option>
            <option>Yukon Territory</option>
        </select>
        <br>
        <br>
        <div id="shipping">
            <label id="shippingCheckbox">Is your shipping information the same as your contact information?</label>
            <br>
            <br>
            <input type="checkbox" id="sameInfo">
            <label>Yes it is</label>
            <br>
            <br>
        </div>
        <fieldset id="shippinginformation">
            <legend>Shipping Information</legend>
            <label for="phoneNumber">Phone Number:</label>
            <br>
            <input id="phoneNumber" type="text">
            <br>
            <br>
            <label id="address">Address:</label>
            <br>
            <input type="text">
            <br>
            <br>
            <label id="postalCode">Postal Code:</label>
            <br>
            <input type="text">
            <br>
            <br>
        </fieldset>
        <br>
        <input type="submit" id="submit" name="submit" value="Submit">
</form>
<br>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script src="js/script.js"></script>
</body>
</html>

//script.js
var errorNotify = 'Sorry, we could not process your request because '
var errorField = [];

function formVal() {
    var isValid = true;

    for (var i = 0; i < errorField.length; i++ ) {
        $(errorField[i]).removeClass('error');
    }
    errorField = [];

    if(!nameCheck()) {
        isValid = false;
    }
    if(!phoneCheck()) {
        isValid = false;
    }
    if (isValid === false) {
        $('#error').html(errorNotify).hide().slideDown('slow');
        for (var i = 0; i < errorField.length; i++) {
            $(errorField[i]).addClass('error');
        }
        errorNotify = 'Sorry, we could not process your request because ';
    }

    function nameCheck(){
        if ($('#name').val() === '') {
            errorNotify += ' you did not enter your name.';
            errorField.push($('#name'));
            return false;
        } else {
            return true;
        }
    }
    function phoneCheck(){
        var phoneCheck = $('#phoneNumber').val();
        if (phoneCheck === '') {
            errorNotify += ' you did not enter your phone number.';
            errorField.push($('#phoneNumber'));
            return false;
        } else if (phoneCheck.length !== 10) {
            errorNotify += 'please enter a 10 digit phone number';
            errorField.push($('#phoneNumber'));
        }
        else if (isNaN(parseInt(phoneCheck))) {
            errorNotify += 'you have entered a letter, please enter a number';
            errorField.push($('#phoneNumber'));
        }
        else {
            return true;
        }
    }
    return isValid;
}

$(function () {

    $('#contact').submit(function() {
        return formVal();
    });

    $('#sameInfo').change(function() {
        if ($(this).is(":checked")) {
            alert('this is a test');
        } else {
            alert('this is not a test');
        }
    });
});


联系方式

姓名：






电话号码：






电子邮件地址：






地址:






城市：






邮政编码：






省


选择你的省份
阿尔伯塔省
不列颠哥伦比亚省
马尼托巴省
新不伦瑞克省
纽芬兰和拉布拉多
西北地区
新斯科舍省
努纳武特
安大略
爱德华王子岛
魁北克省
萨斯喀彻温省
育空地区




您的配送信息是否与您的联系信息相同？




是的




装运信息
电话号码：






地址:






邮政编码：










//script.js
var errorNotify='很抱歉，我们无法处理您的请求，因为'
var errorField=[]；
函数formVal（）{
var isValid=true；
对于（变量i=0；i

并不是说它会因此而完全失败，而是在phoneCheck（）函数中的else if上缺少返回值

除此之外，在我看来还不错。

您是否尝试将代码向上移动。jquery.com/jquery-latest.min.js“>代码到顶部？什么工作不正常？若您的意思是您的表格未提交，那个么您并没有在网上声明表格的操作2@AdamGinther就我所知，它不应该工作，因为您的代码实际上没有包装在脚本标记中？或者您只是在代码块底部的外部文件中发布代码？我已经试过你的代码了。它检查是否输入了姓名和电话，电话号码由10位数字组成。“那就什么也没用了。@Milchepaten我想我已经扼杀了你的冲动：）