Angular js undefined function

Question

I created a modal for to send email. I'm checking inputs for validation. But I get undefined function error. The error code is:

ReferenceError: validateEmail is not defined

I added angularjs script. Ng-app is started. Also How can I show errors using ng-if statement.

Modal Code

<div id="contact" class="modal fade" role="dialog" name="contact" ng-controller="mailController">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title"><span class="glyphicon glyphicon-phone-alt" style="color:#D9534F"></span> Contact Us?</h4>  
            </div>
            <div class="modal-body" style="width:600px; height:400px">     
                <section id="contact" style="">
                    <div class="container" style="width:100%;">
                        <div class="row">
                            <div class="about_our_company" style="margin-bottom: 20px;">
                                <h2 style="color:#ffff;" class="text-center">Write Your Message</h2>
                            </div>
                        </div> 
                        <div class="row">
                            <div class="col-md-6">
                                <form name="contactForm" id="contactForm">
                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="form-group required">
                                                <input ng-model="name" required type="text"  class="form-control" placeholder="Your Name *" id="name">
                                            </div>
                                            <div class="form-group">
                                                <input ng-model="email" type="email"  class="form-control" placeholder="Your Email *" id="email">
                                            </div>
                                            <div class="form-group">
                                                <input ng-model="phone" type="tel"  class="form-control" placeholder="Your Phone *" id="phone">
                                            </div>
                                            <div class="form-group">
                                                <textarea  ng-model="message" rows ="5" style = "resize:none;" required="enter"  class="form-control" placeholder="Your Message *" id="message"></textarea>
                                            </div>               
                                        </div>
                                        <div class="clearfix"></div>
                                        <div class="col-lg-12 text-center">
                                            <button type="button text-center"  class="btn btn-primary" ng-click="sendEmail();">Send Message</button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </section>         
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>

App.js

    var app = angular.module('dwgcloud', []).controller('mailController', ['$scope','$http',function($scope,$http){
        $scope.name=null;
        $scope.email=null;
        $scope.phone=null;
        $scope.message=null;

        $scope.sendEmail = function(){
            if(!$scope.name || !$scope.phone || !$scope.email || !$scope.message){
                alert("Values Cannot be Empty");
            }else{
                var name=$scope.name;
                var email=validateEmail($scope.email);
                var message=$scope.message;
                var phone=validateGsm($scope.phone);
                if(email){
                    if(phone.length===10){
                        $http({
                            method  : 'POST',
                            url  : 'services.php',
                            data:{
                                name:name,
                                email:email,
                                phone:phone,
                                message:message,
                                type:'contactMail'  
                            },
                            headers : {'Content-Type': 'application/x-www-form-urlencoded'} 
                        }).success(function(data) {
                            if (data.errors) {
                                console.log("An error occurred");
                            } else {
                                alert("Mail Sent");
                            }
                        });                     
                    }else{
                        alert("Please enter a valid phone number");
                    }
                }else{
                    alert("Please enter a valid e-mail address");
                }
            };  
        };

        $scope.validateEmail = function(email) {
            var regex = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/;
            return regex.test(email);
        }       

        $scope.validateGsm=function(phone){
            var gsm=$scope.phone.replace(/[^\d]/, "");
            return gsm;
        }
    }]);

muratoner · Accepted Answer · 2017-03-16 13:36:00Z

4

validateEmail and validateGsm functions defined in $scope object then must use with "$scope." prefix also you can use below correct codes.

var name=$scope.name;
var email=$scope.validateEmail($scope.email);
var message=$scope.message;
var phone=$scope.validateGsm($scope.phone);

answered Mar 16, 2017 at 13:36

muratoner

2,7404 gold badges23 silver badges34 bronze badges

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

2 Comments

Fatih Over a year ago

Eywallah bro :D

muratoner Over a year ago

Rica ederim kolay gelsin ;)

Collectives™ on Stack Overflow

Angular js undefined function

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related