Question

我的jquery没有连接，我无法弄清楚原因。我已经被困在这几个小时了，我无法弄明白。

这是我的HTML代码。文件名是exercise6.html

＆＃13;

index

＆＃13;

这是我的javascript。文件名是exercise6.js，它位于名为JS的文件中。我不知道我做错了什么。

＆＃13;

<!DOCTYPE html> 
<html lang="en"> 
    
<head>

    <title>Exercise 6</title> 
    <meta charset="utf-8"> 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script type="text/javascript" src="JS/exercise6.js"> </script>
</head>
<body>

      <form id="email_form" name="email_form" action="exercise6.html" method="get">
	    <fieldset class="info">
		   <legend>Contact Information</legend>
			  <p>
			    <input type="text" name="Lname" id="name2" value="" required />
				<label for="name2"> Last</label>
			  </p>
			  <p>
			    <input type="text" name="mailAddie" id="mail1" value="" required />
				<label for="mail1"> Address</label>
			  </p>
			   <p>
			    <input type="text" name="City" id="city1" value="" />
				<label for="city1"> City</label>
			  </p>
			   <p>
			    <input type="text" name="State" id="state1" value="" />
				<label for="state1"> State</label>
			  </p>
			   <p>
			    <input type="number" name="Zip" id="zip1" value="" />
				<label for="zip1"> Zip</label>
			  </p>
			   <p>
			    <input type="number" name="phoneNum" id="number"  />
				<label for="number"> Phone</label>
			  </p>
		</fieldset>
		<fieldset>
		   <legend>Sign up for our email list</legend>
		     <p>
			    <label for="email_address1"> Email Address</label>
			    <input type="text" name="email_address1" id="email_address1" value="" />
				<span>*</span><br>
			 </p>
			 <p>
			    <label for="email_address2"> Confirm Email Address</label>
			    <input type="text" name="email_address2" id="email_address2" value="" />
				<span>*</span><br>
			 </p>

			 <p>
			    <label for="first_name"> First</label>
			    <input type="text" name="first_name" id="first_name" value="" />
				<span>*</span><br>
			  </p>

		</fieldset>

		<p>
		   <label>&nbsp;</label>
		   <input type="submit" value="Join Our List" id="join_list" >	
        </p>
		</form>

</body>
</html>

＆＃13;

任何人都可以帮助我吗？

Answer 1

最后两行exercise6.js都有语法错误。

变化：

    )};
)};

要：

    });
});

要在下次自己找到这个，尝试使用NetBeans等Web开发IDE，在鼠标右键单击的帮助下，在浏览器调试控制台中进行检查，这甚至会向您显示此类错误的位置。

Answer 2

您的js代码在关闭函数时会出现一些错误＆＃34;}）;＆＃34;试试这个

$(document).ready(function() {
    $("#join_list").click(function() {
        var emailAddress1 = $("#email_address1").val();
        var emailAddress2 = $("#email_address2").val();
        var isValid = true;

        if (emailAddress1 == "") {
            $("#email_address1").next().text("This field is required.");
            isValid = false;
        } else {
            $("#email_address1").next().text("");
        }
        if (emailAddress2 == "") {
            $("#email_address2").next().text("This field is required.");
            isValid = false;
        } else {
            $("#email_address2").next().text("");
        }
        if ($("#first_name").val() == "") {
            $("#first_name").next().text("This field is required.");
            isValid = false
        } else {
            $("#first_name").next().text("");
        }
        if (isValid) {
            $("#email_form").submit();
        }

    });
});

我的Jquery没有连接到我的HTML

2 个答案: