view

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>
    <div class="container form" id="form">
        <div>
            <h2 class="text-center">Test</h2>
            <hr>
        </div>
        <div class="row text-center" style="padding-top: 5%;">
            <div id="d-daftar" class="col-md-offset-1 offset-1 col-10 col-md-4">
                <label class="h2">Form Pendaftaran</label>
                <form id="formReg" method="post">
                    <div class="form-group" style="padding-top: 2%">
                        <input type="text" class="form-control" name="name" placeholder="Nama" >
                    </div>
                    <div class="form-group">
                        <input type="email" class="form-control" name="email" placeholder="Email" >
                    </div>
                    <div class="form-group">
                        <input type="text" class="form-control" name="phone" placeholder="No Telepon" >
                    </div>
                    <div class="form-group">
                        <input type="password" class="form-control" name="password" placeholder="Kata Sandi" >
                    </div>
                    <div class="form-group">
                        <button type="submit" class="btn btn-success col-md-12 col-12" name="daftar">Daftar</button>
                    </div>
                    <div class="form-group">
                        <p class="warning" id="message"></p>
                    </div>
                </form>
            </div>
        </div>
    </div>
</body>

    <script type="text/javascript">
    $(function(){
        function clearForm(){
            document.getElementById("formReg").reset();
            document.getElementById("formLogin").reset();
        }

        $("button[name='daftar']").click(function(){
            var dataReg = $("#formReg").serialize();
            $.ajax({
                url:'<?php echo base_url('/Home/registration'); ?>',
                method:'POST',
                async: false,
                data:dataReg,
                success: function(data){
                    clearForm();
                },
                error: function(){
                    alert('Pendaftaran Gagal');
                }
            });
        });
    });
    </script>
</html>