No Packages, Mate


    0.6.5 • Public • Published

    Ajax Validation for Angularjs#

    ngRemoveValidate makes it easy for you to validate form fields agents data from your server. For example, a sign up form may need to check if the email entered is already registered before submitting the form.


    • Drop in solution for Ajax validation of any text or password input

    • Works with Angulars built in validation and can be accessed at formName.inputName.$error.ngRemoteValidate

    • Throttles server requests (default 400ms) and can be set with ng-remote-throttle="550"

    • Allows HTTP method definition (default POST) with ng-remote-method="GET"

    Getting started - Example##

    Adding ngRemoteValidate to your project

    bower install ng-remote-validate


    Grab either the minified version or the standard source from the release folder and add it to your project.

    <script type="text/javascript" src="../your/path/ngRemoteValidate.js"></script>

    Include ngRemoteValidate in you Angular app

    var app = angular.module( 'myApp', [ 'remoteValidation' ] );

    Using it in your forms

    This will be a basic change password form that requires the user to enter their current password as well as the new password.

    <h3>Change password</h3>
    <form name="changePasswordForm">
        <label for="currentPassword">Current</label>
        <input type="password" 
               placeholder="Current password" 
        <span ng-show="changePasswordForm.currentPassword.$error.required && changePasswordForm.confirmPassword.$dirty">
        <span ng-show="changePasswordForm.currentPassword.$error.ngRemoteValidate">
            Incorrect current password. Please enter your current account password.
        <label for="newPassword">New</label>
        <input type="password"
               placeholder="New password"
        <label for="confirmPassword">Confirm</label>
        <input ng-disabled=""
               placeholder="Confirm password"
        <span ng-show="changePasswordForm.confirmPassword.$error.match">
            New and confirm do not match
            <button type="submit" 
                    ng-disabled="changePasswordForm.$invalid || changePasswordForm.$pending" 
                    ng-click="changePassword(, changePasswordForm);reset();">
                Change password


    There are a few defaults that can be overwritten with options. They are:

    • ng-remote-validate takes a string, an Array of string i.e. ng-remote-validate="/url/one" or ng-remote-validate="[ '/url/one', '/url/two' ]", or an Object of string/validation pairs i.e. ng-remote-validate="{ '/url/validate/unique' : 'unique', '/url/validate/blacklist' : 'blacklisted'}", which would respectively set formName.inputName.$error.unique and formName.inputName.$error.blacklisted in addition to the catch-all formName.inputName.$error.ngRemoteValidate.
    • ng-remote-throttle (default: 400) Users inactivity length before sending validation requests to the server
    • ng-remote-method (default: 'POST') Type of request you would like to send

    Example using all

    <input type="password" 
           placeholder="Current password" 
    <input type="text" 
           placeholder="Email address" 
           ng-remote-validate="[ '/customer/email-registered', '/customer/email-restricted' ]"

    ngRemote will add a $pending property on your model and the containing form. You can use these to show loading animations and to disable the form submit button:

    <span class="message" ng-show="myForm.inputName.$pending">validating...</span>
    <button type="submit" ng-disabled="myForm.$invalid || myForm.$pending" ng-click="...">Go!</button>

    Server side##

    Data sent to the server

    By default, ngRemoteValidate will send a simple JSON string to the server formatted like so:

    { "value": "inputValue" }

    If you would like to change what data is sent to the server, you can create an inputNameSetArgs callback on your controllers $scope. This callback should return the data you want sent to the server.

    $scope.currentPasswordSetArgs = function( val, el, attrs, ngModel ) {
        return { value: val, otherData: attrs.otherData };

    Server response

    ngRemoteValidate wants a specific JSON response from your servers. The response should look as follows:

        isValid: bool, //Is the value received valid 
        value: 'myPassword!' //value received from server




    npm i ng-remote-validate

    DownloadsWeekly Downloads






    Unpacked Size

    774 kB

    Total Files


    Last publish


    • joe1chen