使用ajax在CI中注册表单_Ajax_Codeigniter

使用ajax在CI中注册表单

ajax codeigniter

使用ajax在CI中注册表单,ajax,codeigniter,Ajax,Codeigniter,这是我注册的HTML代码，唯一的问题是URL。当我删除URL时，表单将显示，否则它将不显示 <!DOCTYPE html> <html> <head> <link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css"> <script type="text/javascr

这是我注册的HTML代码，唯一的问题是URL。当我删除URL时，表单将显示，否则它将不显示

<!DOCTYPE html>
<html>
    <head>
        <link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css"> 
        <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
        <script>
            $(document).ready(function(){
                $("submit").click(function(){
                    var name = $("#name").val();
                    var contact = $("#contact").val();
                    var email = $("#email").val();
                    var pass = $("#pass").val();
                    var cpass = $("#cpass").val();
                    cpass = $("#no").val();
                    if(name===""|| contact==="" || email===""|| pass===""){
                        alert("All fields are mandatory!!!");
                        return false;   
                    }
                $.ajax({
                    method: "POST",
                    url: "<?php echo base_url('form_ajax/signup');?>",
                    //data: data
                    data: { name: name, contact: contact, email: email, pass: pass }
                })
                .done(function( msg ) {
                    alert( "Data Saved: " + msg );
                });
                });

            $("#cpass").change(function(){
                var pass = $("#pass").val(), 
                c_pass = $("#cpass").val();
                if (pass !== c_pass) {
                    $("#cpass").focus(); 
                    $("#cpass").html("Passwords do not match..!!!");
                    //alert("Passwords do not match.");
                    return false;
                }
            return true;
            });
            });
        </script>
        <style>
            .page-header {
                background-color:  #404040;
                color: whitesmoke;
                text-align: center;
            } 
        </style>
    </head>

    <body>
        <form method="post" id="register_form">
            <div class="container">
                <div class="col-sm-8 col-sm-offset-2"><br>
                    <div class="page-header"><h1><i>Registration Form</i></h1></div>
                    <div class="form-group">
                        <label>Name</label><input type="text" class="form-control" id="name" name="name" required/>
                    </div>
                    <div class="form-group">
                        <label>Contact</label><input type="contact" class="form-control" id="contact" name="contact" patter="/^\d{10}$/" required">
                    </div>
                    <div class="form-group">
                        <label>Email</label><input type="text" class="form-control" id="email" name="email" pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,3}$" title="Enter valid email" required>
                    </div>
                    <div class="form-group">
                        <label>Password</label><input type="password" class="form-control" id = "pass" name="pass" pattern="(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,}" title="Must contain at least one number and one uppercase and lowercase letter, and at least 8 or more characters" required>
                    </div>
                    <div class="form-group">
                        <label>Confirm Password</label><input type="password" class="form-control" id = "cpass" name="c_password" required onchange="validatePassword()">
                    </div>
                    <input type="submit" id="submit" class="btn btn-primary btn-block"/>
                </div>
            </div>
        </form>
    </body>
</html>


$（文档）.ready（函数（）{
$（“提交”）。单击（函数（）{
var name=$（“#name”）.val（）；
var contact=$（“#contact”）.val（）；
var email=$（“#email”）.val（）；
var pass=$（“#pass”）.val（）；
var cpass=$（“#cpass”）.val（）；
cpass=$（“#否”）.val（）；
如果（姓名==“”| |联系人==“”| |电子邮件==“”| |通行证==“”）{
警报（“所有字段均为必填！！！”；
返回false；
}
$.ajax({
方法：“张贴”，
url:“”，
//数据：数据
数据：{name:name，contact:contact，email:email，pass:pass}
})
.done（函数（msg）{
警报（“保存的数据：“+msg”）；
});
});
$（“#cpass”）.change（函数（）{
var pass=$（“#pass”）.val（），
c#u pass=$（“#cpass”）.val（）；
如果（通过！==c_通过）{
$（“#cpass”）.focus（）；
$（“#cpass”）.html（“密码不匹配..！！！”；
//警报（“密码不匹配”）；
返回false；
}
返回true；
});
});
.页眉{
背景色：#404040；
颜色：白烟；
文本对齐：居中；
} 


登记表
名称
联系你能签入config/config.php吗
$config['index_page']=''；为空或havind$config['index_page']='index.php'
如果它包含index.php，那么您必须删除并在.htaccess文件中提及它
在root.htaccess文件中包含以下代码
DirectoryIndex.php
重新启动发动机
RewriteCond $1 !^(index\.php|(.*)\.swf|fonts|images|css|less|js|robots\.txt|favicon\.ico)
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^(.*)$ ./index.php?$1 [L,QSA]

我对你的代码做了一些修改，你现在可以试试
<!DOCTYPE html>
<html>
    <head>
        <link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css"> 
        <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>

    </head>

    <body>

            <div class="container">
                <div class="col-sm-8 col-sm-offset-2"><br>
                    <div class="page-header"><h1><i>Registration Form</i></h1></div>
                    <div class="form-group">
                        <label>Name</label><input type="text" class="form-control" id="name" name="name" required/>
                    </div>
                    <div class="form-group">
                        <label>Contact</label><input type="contact" class="form-control" id="contact" name="contact" patter="/^\d{10}$/" required">
                    </div>
                    <div class="form-group">
                        <label>Email</label><input type="text" class="form-control" id="email" name="email" pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,3}$" title="Enter valid email" required>
                    </div>
                    <div class="form-group">
                        <label>Password</label><input type="password" class="form-control" id = "pass" name="pass" pattern="(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,}" title="Must contain at least one number and one uppercase and lowercase letter, and at least 8 or more characters" required>
                    </div>
                    <div class="form-group">
                        <label>Confirm Password</label><input type="password" class="form-control" id = "cpass" name="c_password" required >
                    </div>
                    <input type="submit" id="submit" class="btn btn-primary btn-block"/>
                </div>
            </div>

    </body>
    <script>
            $(document).ready(function(){
                $("#submit").click(function(){
                    var name = $("#name").val();
                    var contact = $("#contact").val();
                    var email = $("#email").val();
                    var pass = $("#pass").val();
                    var cpass = $("#cpass").val();
                    cpass = $("#no").val();
                    if(name===""|| contact==="" || email===""|| pass===""){
                        alert("All fields are mandatory!!!");
                        return false;   
                    }
                $.ajax({
                    type: "POST",
                    url: "<?php echo base_url('form_ajax/signup');?>",
                    //data: data
                    data: { name: name, contact: contact, email: email, pass: pass }
                })
                .done(function( msg ) {
                    alert( "Data Saved: " + msg );
                });
                });

            $("#cpass").change(function(){
                var pass = $("#pass").val(), 
                c_pass = $("#cpass").val();
                if (pass !== c_pass) {
                    $("#cpass").focus(); 
                    $("#cpass").html("Passwords do not match..!!!");
                    //alert("Passwords do not match.");
                    return false;
                }
            return true;
            });
            });
        </script>
        <style>
            .page-header {
                background-color:  #404040;
                color: whitesmoke;
                text-align: center;
            } 
        </style>
</html>




登记表
名称
联系人您能否提供有关错误的详细信息？@BALUA和注册表未显示。当我删除ajax中给定的URL时，将显示表单。通过以下数据更改ajax中的数据：{“name”：name，“contact”：contact，“email”：email，“pass”：pass}