我的jQuery表单验证不起作用

时间:2015-05-19 06:21:40

标签: javascript php jquery html forms

我试图让这段代码工作。但它有一些问题。我不知道是什么。任何人都在这里提供帮助。 谢谢 问题是提交表单时并没有显示任何验证消息。

<?php
session_start();
include 'connection.php';
if(isset($_POST['submit'])){
$name=$_POST['name'];
$f_name=$_POST['f_name'];
$cell=$_POST['cell_no'];
$_SESSION['name']=$name;
$_SESSION['f_name']=$f_name;
$_SESSION['cell']=$cell;



}

?>
<html>

<head>
    <script src="jquery-1.3.1.min.js">
    </script>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js">
    </script>
    <script type="text/javascript"></script>
    <script>
    $(document).ready(function() {
        $("#myForm").validate({

            rules: {
                name: "required",
                f_name: "required",
                cell_no: {
                    required: true,
                    minlenght: 11
                }
            },
            messages: {
                name: "Please state your name.",
                f_name: "Father name is required.",
                cell_no: {
                    required: "Please provide a contact number.",
                    minlength: "Minimum length is 11 digits"
                }
            },
            submitHandler: function(form) {
                form.submit();
            }

        });

    });
    </script>
</head>

<body>
    <center>

<?php  
echo @$_GET['sheikh'];    
?>
</center>


<form method="POST" action="" id="myForm" novalidate="novalidate">
<center><h1>First Form</h1></center>
<h2>Basic Information</h2>
Name:<input type="text" name="name">
Father name:<input type="text" name="f_name">
Cell_no:<input type="text" name="cell_no">
<input type="submit" name="submit" value="next">
</form>
</body>

</html>

2 个答案:

答案 0 :(得分:0)

脚本中的问题:

  1. 您已在页面上两次jQuery
  2. 您还没有jQuery.validate.js

答案 1 :(得分:0)

如果遇到此类问题,请尝试检查控制台日志。 你会知道是什么问题。

当页面加载时显示,

  

&#34;未捕获TypeError:$(...)。validate不是函数&#34;

这意味着您的代码不存在所需的库。 下载并插入您的页面

  

script src =&#34; jquery-1.3.1.min.js&#34;

如果你这样做是出于学习目的,你做了或直接链接。