Tengo la siguiente directiva, que conseguí en la web para usar jQuery Validator con Angularjs
app.directive('ngValidate', function () {
return {
require: 'form',
restrict: 'A',
scope: {
ngValidate: '='
},
link: function (scope, element, attrs, form) {
var validator = element.validate(scope.ngValidate);
form.validate = function (options) {
var oldSettings = validator.settings;
validator.settings = $.extend(true, {}, validator.settings, options);
var valid = validator.form();
validator.settings = oldSettings; // Reset to old settings
return valid;
};
form.numberOfInvalids = function () {
return validator.numberOfInvalids();
};
}
};
})
.provider('$validator', function () {
$.validator.setDefaults({
onsubmit: false // to prevent validating twice
});
return {
setDefaults: function (options) {
$.validator.setDefaults(options);
},
addMethod: function (name, method, message) {
$.validator.addMethod(name, method, message);
},
$get: function () {
return {};
}
};
});
Esta lo que hace es que pueda validar un formulario usando Jquery Validate.
Mi Html
<form id="order-form" class="smart-form" ng-submit="register(order-form)" ng-validate="validationOptions">
<input type="email" name="email">
<input type="password" name="password">
<input type="submit" name="name" value="submitme">
</form>
En mi controlador llamo de la siguiente forma
$scope.register = function (form) {
if(form.validate()) {
// Form is valid!
alert('hallo')
}
}
pero la linea del if(form.validate())
me devuelve form.validate is not a function. Si veo la directiva se tiene el form.validate pero no entiendo porque me llega que no es una función. Mas aya de todo mis manejo con directivas no es muy avanzado. No se que puedo hacer para form.validate
se ejecute.