實現jQuery與HTML分離的文件

-2

從2小時，即時通訊試圖瞭解如何使用jQuery文件的HTML，但我無法弄清楚！我想要一個簡單的使用jQuery的strngh密碼，我發現這個有用的鏈接：http://jsfiddle.net/jquery4u/mmXV5/ 我現在的問題是如何讓文件的HTML與這個腳本進行溝通？我的文件HTML是非常簡單的：實現jQuery與HTML分離的文件

<form name="register" id="signup" method="post" onsubmit="return validateForm()" action="register_user.php"> 
     <div class="header"> 
      <h3>Registration</h3> 
      <p>Complete this form to register.<br/>* required field</p> 
     </div> 

     <div class="sep"></div> 

     <div class="inputs"> 
      <input type="text" placeholder="Name" name="name" autofocus />* 
      <input type="text" placeholder="Surname" name="surname" autofocus />* 
      <input type="text" placeholder="Email" name="email" autofocus />* 
      <input type="password" placeholder="Password" name="password" />* 

      <div class="sep"></div> 
      <div id="messages"></div> 
      <input type="submit" id="submit" name="Submit" value="CONFIRM REGISTRATION">     
     </div> 
    </form>

正如你看到的，javascript文件的鏈接是非常一致的，所以我希望把所有的代碼到另一個文件，但在那之後我真的不知道如何鏈接2文件並工作！

來源

2016-01-24 user3649959

Here是一個有用的鏈接，可以幫助你瞭解更多關於jQuery的知識。

您需要將此項添加到您的文件中（在關閉body標記之前的頭部或右側）。

<script>src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script> 這允許您使用jQuery庫。後您包括來自谷歌的Ajax庫（這是最好的<head> *insert here </head>標籤中添加。

現在，如果你有一個外部JS文件，你只需要添加jQuery代碼到它，並導入它在你的HTML 。文件 <script src="yourFileWithJquery.js"></script>注意JS文件必須與HTML文件相同的文件夾

現在你是好去

這裏是你的代碼一個很好的例子：。

<head> 
    <script> src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script> 
    <script src="myJsFile.js"></script> 
</head> 
<body> 
<form name="register" id="signup" method="post" onsubmit="return validateForm()" action="register_user.php"> 
       <div class="header"> 
        <h3>Registration</h3> 
        <p>Complete this form to register.<br/>* required field</p> 
       </div> 

       <div class="sep"></div> 

       <div class="inputs"> 
        <input type="text" placeholder="Name" name="name" autofocus />* 
        <input type="text" placeholder="Surname" name="surname" autofocus />* 
        <input type="text" placeholder="Email" name="email" autofocus />* 
        <input type="password" placeholder="Password" name="password" />* 

        <div class="sep"></div> 
        <div id="messages"></div> 
        <input type="submit" id="submit" name="Submit" value="CONFIRM REGISTRATION">     
       </div> 
    </form> 
</body>

來源

2016-01-24 15:58:06

只有一分鐘，即時嘗試：D – user3649959

嗨，我試過和「它的工作」...結果是不一樣的在網站上！我只能看到「weak normal or strongh」的文字我沒有看到魔術棒：D – user3649959

你想看什麼魔術棒？看起來密碼是強，弱等。這在你的問題中沒有描述。 –

實現jQuery與HTML分離的文件

回答

相關問題