个人中心
gpt4 book ai didi

javascript - Jquery .js 文件不执行

转载 作者：行者123 更新时间：2023-12-01 05:39:27 25 4
gpt4 key购买 nike

无论我做什么，Javascript 代码都不会执行。我尝试使用 $(document).ready(function{..... 但没有成功。

Js 文件应该支持提交按钮，因此单击时不会执行任何操作。

HTML 文件中的代码:

<!DOCTYPE html>
<html lang="en">
	<head>
		<title>Fit By Than </title>
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<link href="css/themes/fitbythan.min.css" rel="stylesheet" />
    	<link href="css/themes/jquery.mobile.icons.min.css" rel="stylesheet" />
    	<link href="lib/jqm/jquery.mobile.structure-1.4.5.min.css" rel="stylesheet" />
    	<link href="css/app.css" rel="stylesheet" />
    	<script type="text/javascript" src="lib/jquery/2.1.4/jquery-2.1.4.min.js"></script>

        <script type="text/javascript" src="js/settings.js"></script>
        <script type="text/javascript" src="js/api-messages.js"></script>
        <script type="text/javascript" src="js/sign-up.js"></script>
        
    	<script type="text/javascript" src="lib/jqm/jquery.mobile-1.4.5.min.js"></script>
        
                
	</head>

js文件中的代码:

(function () {
    
    var emailAddressIsValid = function (email) {
    var re = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
    return re.test(email);
};

var passwordsMatch = function (password, passwordConfirm) {
    return password === passwordConfirm;
};

var passwordIsComplex = function (password) {
    // TODO: implement password complexity rules here.  There should be similar rule on the server side.
    return true;
};

  $(document).delegate("#page-signup", "pagebeforecreate", function () {        

        var $signUpPage = $("#page-signup"),
            $btnSubmit = $("#btn-submit", $signUpPage);

        $btnSubmit.off("tap").on("tap", function () {
            
            var $ctnErr = $("#ctn-err", $signUpPage),
                $txtFirstName = $("#txt-first-name", $signUpPage),
                $txtLastName = $("#txt-last-name", $signUpPage),
                $txtEmailAddress = $("#txt-email-address", $signUpPage),
                $txtPassword = $("#txt-password", $signUpPage),
                $txtPasswordConfirm = $("#txt-password-confirm", $signUpPage);

            var firstName = $txtFirstName.val().trim(),
                lastName = $txtLastName.val().trim(),
                emailAddress = $txtEmailAddress.val().trim(),
                password = $txtPassword.val().trim(),
                passwordConfirm = $txtPasswordConfirm.val().trim(),
                invalidInput = false,
                invisibleStyle = "bi-invisible",
                invalidInputStyle = "bi-invalid-input";

            // Reset styles.
            $ctnErr.removeClass().addClass(invisibleStyle);
            $txtFirstName.removeClass(invalidInputStyle);
            $txtLastName.removeClass(invalidInputStyle);
            $txtEmailAddress.removeClass(invalidInputStyle);
            $txtPassword.removeClass(invalidInputStyle);
            $txtPasswordConfirm.removeClass(invalidInputStyle);

            // Flag each invalid field.
            if (firstName.length === 0) {
                $txtFirstName.addClass(invalidInputStyle);
                invalidInput = true;
            }
            if (lastName.length === 0) {
                $txtLastName.addClass(invalidInputStyle);
                invalidInput = true;
            }
            if (emailAddress.length === 0) {
                $txtEmailAddress.addClass(invalidInputStyle);
                invalidInput = true;
            }
            if (password.length === 0) {
                $txtPassword.addClass(invalidInputStyle);
                invalidInput = true;
            }
            if (passwordConfirm.length === 0) {
                $txtPasswordConfirm.addClass(invalidInputStyle);
                invalidInput = true;
            }

            // Make sure that all the required fields have values.
            if (invalidInput) {
                $ctnErr.html("<p>Please enter all the required fields.</p>");
                $ctnErr.addClass("bi-ctn-err").slideDown();
                return;
            }

            if (!emailAddressIsValid(emailAddress)) {
                $ctnErr.html("<p>Please enter a valid email address.</p>");
                $ctnErr.addClass("bi-ctn-err").slideDown();
                $txtEmailAddress.addClass(invalidInputStyle);
                return;
            }

            if (!passwordsMatch(password, passwordConfirm)) {
                $ctnErr.html("<p>Your passwords don't match.</p>");
                $ctnErr.addClass("bi-ctn-err").slideDown();
                $txtPassword.addClass(invalidInputStyle);
                $txtPasswordConfirm.addClass(invalidInputStyle);
                return;
            }

            if (!passwordIsComplex(password)) {
                // TODO: Use error message to explain password rules.
                $ctnErr.html("<p>Your password is very easy to guess.  Please try a more complex password.</p>");
                $ctnErr.addClass("bi-ctn-err").slideDown();
                $txtPassword.addClass(invalidInputStyle);
                $txtPasswordConfirm.addClass(invalidInputStyle);
                return;
            }

            $.ajax({
                type: 'POST',
                url: FBT.Settings.signUpUrl,
                data:"email=" + emailAddress + "&firstName=" + firstName + "&lastName=" + lastName + "&password=" + password + "&passwordConfirm=" + passwordConfirm,
                success: function (resp) {
                    console.log("success");
                    if (resp.success === true) {
                        $.mobile.navigate("signup-succeeded.html");
                        return;
                    }
                    if (resp.extras.msg) {
                        switch (resp.extras.msg) {
                            case FBT.ApiMessages.DB_ERROR:
                            case FBT.ApiMessages.COULD_NOT_CREATE_USER:
                                // TODO: Use a friendlier error message below.
                                $ctnErr.html("<p>Oops! A problem occured while trying to register you.  Please try again in a few minutes.</p>");
                                $ctnErr.addClass("bi-ctn-err").slideDown();
                                break;
                            case FBT.ApiMessages.EMAIL_ALREADY_EXISTS:
                                $ctnErr.html("<p>The email address that you provided is already registered.</p>");
                                $ctnErr.addClass("bi-ctn-err").slideDown();
                                $txtEmailAddress.addClass(invalidInputStyle);
                                break;
                        }
                    }
                    
                },
                error: function (e) {
                    console.log(e.message);
                    // TODO: Use a friendlier error message below.
                    $ctnErr.html("<p>Oops! A problem occured while trying to register you.  Please try again in a few minutes.</p>");
                    $ctnErr.addClass("bi-ctn-err").slideDown();
                }
            });
        });
    });
})();

最佳答案

试试这个:如果有任何移动jquery依赖，那么将其放在sign-ip.js之前

<script type="text/javascript" src="lib/jquery/2.1.4/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="lib/jqm/jquery.mobile-1.4.5.min.js"></script>
<script type="text/javascript" src="js/settings.js"></script>
<script type="text/javascript" src="js/api-messages.js"></script>
<script type="text/javascript" src="js/sign-up.js"></script>

另外在您的sign-up.js中，对第一行和最后一行进行以下更改

(function ($) {

//your code

})(jQuery);

关于javascript - Jquery .js 文件不执行，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/31691311/

25 4 0
文章推荐： javascript - 购物车中的 WooCommerce 加号/减号按钮间歇性显示
文章推荐： python导入模块依赖错误
文章推荐： Java Socket 编程 在 FTP 上匿名登录
文章推荐： python - Django 表单发布
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com