如何在codeigniter中包含jquery答案

【问题标题】：how to include jquery in code igniter如何在codeigniter中包含jquery
【发布时间】：2014-01-09 07:48:12
【问题描述】：

我是 jquery 和 codeigniter 的新手，但不是编程我之前用 javascript 做过一些验证。我想在我的项目中使用 jquery 并验证表单输入请逐步帮助我

1.如何包含jquery？
2.如何使用它来验证表单？

<!DOCTYPE html>
<html>
 <head>
<title><?php echo $title; ?></title>
</head>
<body>
  <form id="form" action="<?php echo $form_action; ?>" method="post">
 <center><h1><?php echo $form_h1; ?></h1></center>
<table width="800" border="1" bordercolor="BLUE" align="center" cellpadding="5"    cellspacing="2">
</tr>
<tr>
 <td>
  <b>FirstName</b>
 </td>
 <td>
  <input type="text" id="firstname" name="firstname">
   <span class="firstname_error_msg" style="color: #ff0000;"></span>
 </td>
</tr>
<tr>
 <td>
  <b>LastName</b>
 </td>
 <td>
  <input type="text" id="lastname" name="lastname">

 </td>
</tr>
<tr> You can <em>not</em> use Markdown in here.
 <td>
  <b>Address</b>
 </td>
 <td>
  <input type="text" id="address" name="address" />
  <span class="address_error_msg" style="color: #ff0000;"></span>
 </td>
</tr>
<tr>
 <td>
  <b>Email Id</b>
 </td>
 <td>
  <input type="text" id="email" name="email"/>
  <span class="email_error_msg" style="color: #ff0000;"></span>
 </td>
</tr>
<tr>
 <td>
  <b>Password</b>
 </td>
 <td>
  <input type="text" id="password" name="password" />
  <span class="password_error_msg" style="color: #ff0000;"></span>
 </td>
</tr> You can <em>not</em> use Markdown in here.
<tr>
 <td>
  <b>Gender</b>
 </td>
 <td>
  <select name="gender">
   <option value="M">Male</option>
   <option value="F">Female</option>
  </select>
 </td>
</tr>
<tr>
 <td>
  <b>Date Of Birth</b>
 </td>
 <td>
   <input type="text" id="dob" name="dob" />
 </td>
</tr>
<tr>
 <td>
  <b>Age</b>
 </td>
 <td>
  <input type="text" name="age" />
 </td>
</tr>
<tr>
 <td>
  <b>Zipcode</b>
 </td>
 <td>
  <input type="text" id="zipcode" name="zipcode"/>
  <span class="zipcode_error_msg" style="color: #ff0000;"></span>
 </td>
</tr>
<tr>
 <td>
  <b>Mobile</b>
 </td>
 <td>
  <input type="text" name="mobile"/>
 </td>
</tr>
<tr>
 <td colspan="100%" align="center"  >
  <input type="submit" id="submit" name="submit" value="Submit"/>
  <input id="reset" type="reset"  value="Reset">
 </td>
</tr>
</table>
</form>
</body>
</html>

【问题讨论】：

您可以在 CI Javascript 集成库文档中找到所需的一切：ellislab.com/codeigniter/user-guide/libraries/javascript.html

标签： codeigniter jquery-validation-engine

【解决方案1】：

第一步

要在您的页面中使用 jquery，您还需要在 HTML 头中添加这一行（在您看来）

<head>
    <script type="text/javascript"src="code.jquery.com/jquery-1.10.2.min.js"></script>
</head>

您可以找到要添加的有效地址；在jquery page 的末尾。

第 2 步

测试 jquery 是否包含正确添加此代码

<script>
  $.(document).ready(function(){ alert("hello"); });
</script>

如果显示警报并且萤火虫控制台没有显示任何错误。它包含正确。

第 3 步

您可以使用 codeigniter 验证器或 jquery 验证器来验证您的表单数据。为每个报价使用这些参考。

validate with codeIgniter

validate with jquery

【讨论】：

$.(document).ready(function(){ alert("hello"); }); 对我不起作用，我不得不删除第一个句点。 $(document).ready(function(){ alert("hello"); });

【解决方案2】：

在代码的头部，只需复制粘贴下面给出的代码即可。

<script type="text/javascript"src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js">    </script>

【讨论】：

【解决方案3】：

您可以使用 google jquery url。

对于本地文件，请在模板标题中使用以下代码以包含在所有页面中。

<script type="text/javascript" src="<?php echo base_url();?>js/jquery.js file"></script>

那么你现在可以使用任何 jquery 验证插件/工具了。

试试下面的网址获取演示和代码：

http://www.position-relative.net/creation/formValidator/

http://www.position-relative.net/creation/formValidator/demos/demoValidators.html

【讨论】：