Javascript 无法使用jQuery_Javascript_Jquery

Javascript 无法使用jQuery

javascript jquery

Javascript 无法使用jQuery,javascript,jquery,Javascript,Jquery,当浏览器加载js文件时，它使用的是document.getElementById（“name”）但是，当我改为jQuery样式时，即$（“#name”），该特定元素似乎不再有效这就是我在HTML中编写脚本文件的方式（在结束正文标记的正上方）有人知道jQuery为什么不工作吗编辑：这只是简单的代码，将所有document.getElementById替换为$。但既然你问了，这就是我使用的原始js代码： function formValidation() { var name

当浏览器加载js文件时，它使用的是

document.getElementById（“name”）

但是，当我改为jQuery样式时，即

$（“#name”）

，该特定元素似乎不再有效

这就是我在HTML中编写脚本文件的方式（在结束正文标记的正上方）

有人知道jQuery为什么不工作吗

编辑：

这只是简单的代码，将所有document.getElementById替换为$。但既然你问了，这就是我使用的原始js代码：

function formValidation() {
    var name = document.getElementById("name"),
        email = document.getElementById("email"),
        phone = document.getElementById("phone"),
        message = document.getElementById("message"),
        nameRe = /[a-zA-Z]/,
        emailRe = /^[a-zA-Z0-9._]+@[a-zA-Z0-9.]+\.[a-zA-Z]{2,4}$/,
        phoneRe = /[0-9]/,
        messageError = "";

    document.getElementById("frmContact").onsubmit = function () {
        messageError = "";

        // Validation for name, email and phone, using regular expression
        if (!nameRe.test(name.value)) {
            messageError = errorHighlight(name, "Invalid name");
        } else if (!emailRe.test(email.value)) {
            messageError = errorHighlight(email, "Invalid email");
        } else if (!phoneRe.test(phone.value)) {
            messageError = errorHighlight(phone, "Invalid phone");
        } else if (message.value.length <= 50) {
            messageError = errorHighlight(message, "Message must be at least 50 characters");
        }

        // form validation
        if (messageError !== "") {
            document.getElementById("errorMessage").innerHTML = messageError;
            return false;
        }
        return true;
    };
}

函数formValidation（）{
var name=document.getElementById（“名称”），
email=document.getElementById（“电子邮件”），
phone=document.getElementById（“phone”），
message=document.getElementById（“message”），
nameRe=/[a-zA-Z]/,，
emailRe=/^[a-zA-Z0-9.\]+@[a-zA-Z0-9.]+\[a-zA-Z]{2,4}$/,，
phoneRe=/[0-9]/,，
messageError=“”；
document.getElementById（“frmContact”）.onsubmit=function（）{
messageError=“”；
//使用正则表达式验证姓名、电子邮件和电话
如果（！nameRe.test（name.value））{
messageError=errorHighlight（名称，“无效名称”）；
}否则如果（！emailRe.test（email.value））{
messageError=errorHighlight（电子邮件，“无效电子邮件”）；
}否则，如果（！phoneRe.test（phone.value））{
messageError=errorHighlight（电话，“无效电话”）；
}else if（message.value.length以下是如何将其用作一个小示例：
<!DOCTYPE html>
<html lang="de">
    <head>
        <title>Welcome</title>
    </head>
    <body>
        <h1>It Works!</h1>
        <div id="changethat"></div>
        <script src="http://code.jquery.com/jquery-latest.min.js"> </script>
        <script>
            (function($,undefined){
                $('#changethat').html('Changed!');
            })(jQuery);
        </script>
    </body>
</html>


欢迎
它起作用了！
（函数（$，未定义）{
$（'#changethit'）.html（'Changed！'）；
})（jQuery）；

jsIDLE:
使用.val（）
例如：name.val（）
或$（“#name”）.val（）

if（！nameRe.test（name.val（）））{
messageError=errorHighlight（名称，“无效名称”）；
}否则如果（！emailRe.test（email.val（）））{
messageError=errorHighlight（电子邮件，“无效电子邮件”）；
}否则如果（！phoneRe.test（phone.val（）））{
messageError=errorHighlight（电话，“无效电话”）；
}else if（message.val（）.length显示您使用过的相关代码，特别是实现jQuery的部分只需将代码包装在DOM ready Functional中控制台中有任何错误？您可以发布相关的JS代码吗。@skobaljic，这与此无关，特别是如果普通JS函数起作用的话。name.value
比使用jQuery更不起作用对象，所以使用name.val（）
方法，message.val（）
等。也可以更改errorHighlight
函数中的内容，现在就使用jQuery对象。如果您想访问原始DOM元素，可以使用name[0]
或message[0]
。也可以使用message.val（）.length@ctn，是的，我的错。没有发现。如果他的form.js包含可能与$冲突的内容，则不会。此外，它是不必要的，您知道仍然使用它有什么缺点吗？
<!DOCTYPE html>
<html lang="de">
    <head>
        <title>Welcome</title>
    </head>
    <body>
        <h1>It Works!</h1>
        <div id="changethat"></div>
        <script src="http://code.jquery.com/jquery-latest.min.js"> </script>
        <script>
            (function($,undefined){
                $('#changethat').html('Changed!');
            })(jQuery);
        </script>
    </body>
</html>

if (!nameRe.test(name.val())) {
            messageError = errorHighlight(name, "Invalid name");
        } else if (!emailRe.test(email.val())) {
            messageError = errorHighlight(email, "Invalid email");
        } else if (!phoneRe.test(phone.val())) {
            messageError = errorHighlight(phone, "Invalid phone");
        } else if (message.val().length <= 50) {
            messageError = errorHighlight(message, "Message must be at least 50 characters");
        }