Getting blank value in database using angular js

Question

I have a contact form containing 3-4 fields. I am just trying to send only first field into database using Angular-js. But i am getting blank value in database. Can you guys please check where is actually i am going wrong ?

contactForm

<div ng-app="contactApp" ng-controller="contactController">
<div class="contact-grids">
<div class="col-md-12 contact-para">
<form name="userForm" ng-submit="submitForm()" novalidate>
<div class="grid-contact">
<div class="col-md-6 contact-grid" ng-class="{'has-error':userForm.firstName.$invalid && !userForm.firstName.$pristine}">

<p>First Name</p>       
  <input type="text" name="firstName" ng-model="user.firstName" required>
  <p ng-show="userForm.firstName.$invalid && !userForm.firstName.$pristine" class="help-block">You name is required.</p>
</div>

<div class="send">
<input class="btn btn-danger" type="submit" value="Send" ng-disabled="userForm.$invalid">
</div>
</form>


 <script>
    var myApp = angular.module('contactApp',[]);
    myApp.controller('contactController',function($scope,$http){

        $scope.submitForm = function()
        {
            if($scope.userForm.$valid)
            {

                  $http.post(
                          "contactFormProcess.php",
                  {'firstName':$scope.firstName}
                          ).success(function(data){
                              alert(data);
                               $scope.firstName = null;  
                          });

            }
        };

   });

</script>

contactFormProcess.php

 $data = json_decode(file_get_contents("php://input"));  
 if(count($data) > 0)  
 {  

    $first_name = mysqli_real_escape_string($conn, isset($data>firstName));       
      $query = "INSERT INTO contactform(firstName) VALUES ('$first_name')";  
      if(mysqli_query($conn, $query))  
      {  
           echo "Data Inserted...";  
      }  
      else  
      {  
           echo 'Error';  
      }  
 }

Have you checked the value of $scope.firstName just before $http.post(..)? Is it empty or not? Also, could you provide the form code? — Jakub Jankowski
– Jakub Jankowski, Commented Sep 21, 2016 at 9:11

Jakub Jankowski · Accepted Answer · 2016-09-21 09:48:06Z

1

You need to change $scope.firstName in the function to $scope.userForm.firstName. As for now, $scope has no member named firstName, that's why it's empty in your function.

EDIT: Actually, you need $scope.user.firstName, $scope.userForm.firstName is angular model object and it not what is needed in this context.

edited Sep 21, 2016 at 9:48

answered Sep 21, 2016 at 9:21

Jakub Jankowski

7312 gold badges9 silver badges20 bronze badges

Sign up to request clarification or add additional context in comments.

6 Comments

bc110402307 Syed Zeeshan Haide Over a year ago

hey ! I am getting integer 1 in database not string name ??

Jakub Jankowski Over a year ago

Well, that may be related to your PHP code and I have no idea about PHP. Can you check if $data variable has correct value? (the one sent from JavaScript)

bc110402307 Syed Zeeshan Haide Over a year ago

Actually the issue is, if i send the value to php like this $scope.userForm.firstName ...... then it sends a integer value to php script so php script giving error as it does not accepting integer value there. ...... If i just write this $scope.firstName, now php script runs but enter a blank value

Jakub Jankowski Over a year ago

@bc110402307SyedZeeshanHaide look at my answer, I have edited it.

bc110402307 Syed Zeeshan Haide Over a year ago

I was just going to tell you that i have recent sort it out by changing $scope.userForm.firstName to $scope.user.firstName ... lol

|

Collectives™ on Stack Overflow

Getting blank value in database using angular js

1 Answer 1

6 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Related