实现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分离的文件

回答

相关问题