javascript - How to validate element directive in angularjs -

-

i want validate multi-select in angularjs. @ least 1 item should selected in multi-select. if not submit button should not enable. using require validate form. able make compulsory selection of first name using require, how compulsory multiselect.

form 

<form ng-submit='addstudent()' name='studentform' novalidate="">         <div class="col-md-4">     <div class="col-md-12">         <label for="name">first name *</label>         <input ng-model='student.first_name' name="name" type="text" placeholder="first name" required class="form-control">     </div>    </div>    <div class="col-md-4">     <div class="col-md-12">         <label for="name">last name </label>         <input ng-model='student.last_name' name="name" type="text" placeholder="last name" class="form-control">        </div>    </div>                               <multi-selection selectedsubjs="student.selectedsubjects"             allsubjects="allsubjects"             left-title="all subjects"             right-title="selected subjects">    </multi-selection>                                   <input ng-disabled="sutudentform.$invalid" type="submit"> </form>

element directive

app.directive('multiselection', function(){           return {               restrict: 'e',               scope: {                   allsubjects: '=',                   selectedsubjs: '=',                   displayattr: '@',                   lefttitle: '@',                   righttitle: '@'               },               templateurl: "templates/multiselection.html",               link: function(scope)   {                   scope.swapsubject1 = function(item)   {                       var index = scope.allsubjects.indexof(item);                       scope.allsubjects.splice(index, 1);                       scope.selectedsubjs.push(item);                   }                    scope.swapsubject2 = function(item)   {                       var index = scope.selectedsubjs.indexof(item);                       scope.selectedsubjs.splice(index, 1);                       scope.allsubjects.push(item);                   }               }           };       });

multi-select template 

  <tr>     <td>         <div class="entbox">             <switchitem ng-repeat="subj in allsubjects" value="subj.name" ng-click="swapsubject1(item)" ng-model="allsubjects"></switchitem>         </div>     </td>     <td>         <div class="entbox">             <switchitem ng-repeat="subj in selectedsubjs" value="subj.name" ng-click="swapsubject2(item)" ng-model="student.selectedsubjects"></switchitem>         </div>     </td> </tr>

check element not input type set 

if (!element.isinput()) {     element[0].setcustomvalidity(errormsg); }

reference


Comments

Post a Comment

Popular posts from this blog

Delphi XE2 Indy10 udp client-server interchange using SendBuffer-ReceiveBuffer -

-
i use delphi xe2 , indy10 udp protocol. can't receive server echo on client side if use receivebuffer method. got "socket error # 10040" although send small echo message server client. console application illustrate problem below. in advance. program project1; {$apptype console} {$r *.res} uses system.sysutils, idglobal, idbasecomponent, idcomponent, idsockethandle, idudpclient, idudpserver, idudpbase, idstack; type tudp_serv = class(tidudpserver) procedure udpsvudpread(athread: tidudplistenerthread; adata: tidbytes; abinding: tidsockethandle); end; var udpserver: tudp_serv; udpcl: tidudpclient; bsnd, brcv: tbytes; s: string; k: integer; //============================================================================== procedure tudp_serv.udpsvudpread(athread: tidudplistenerthread; adata: tidbytes; abinding: tidsockethandle); begin writeln(' server read: ' + tohex(adata, length(adata))); abinding sendto(peerip, peerport, adat...
Read more

Qt ActiveX WMI QAxBase::dynamicCallHelper: ItemIndex(int): No such property in -

-
i new windows programming. here goes code objiwbemlocator = new qaxobject("wbemscripting.swbemlocator"); objwmiservice = objiwbemlocator->querysubobject("connectserver(qstring&,qstring&)",qstring("."),qstring("root\\cimv2")); qaxobject* returnlist = objwmiservice->querysubobject("execquery(qstring&)", qstring("select * %1").arg(domain)); qaxobject* result = returnlist->querysubobject("itemindex(int)", 0); i getting error on runtime qt activex wmi qaxbase::dynamiccallhelper: itemindex(int): no such property in but itemindex method exists msdn says the itemindex method not work collections not contain swbemobjects, such swbemmethodset, swbemnamedvalueset, swbemprivilegeset, swbempropertyset, , swbemqualifierset. what selecting ? have tried iterating on collection ? plus need minimum windows vista itemindex method. hope helps
Read more

Enable autocomplete or intellisense in Atom editor for PHP -

-
i'm first time user of atom editor php code. atom can autocomplete built-in functions of php. possible make editor autocomplete custom function written in separate file? function.php <?php function printsomething() { echo "hello world"; } index.php <?php require_once "function.php"; printsomething(); // autocompleted atom editor while typing thanks in advance. there text file in %userprofile%.atom called snippets.cson. in there can add snippet. more this: http://flight-manual.atom.io/using-atom/sections/snippets/ but need think can use later on other files well. otherwise need copy , paste.
Read more