Question

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

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>

Answer 1

第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>

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

第3步

您可以使用codeigniter validaitor或jquery validiator来验证表单数据。对每件报价都使用这些参考。

validate with codeIgniter

validate with jquery

Answer 2

在代码的head扇区中，只需复制粘贴下面给出的代码。

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

Answer 3

您可以使用google jquery网址。

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

<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

如何在代码点火器中包含jquery

3 个答案: