javascript - AngularJS get invalid elements group without form -


is there nice way group of elements without using form? problem work .net mvc , html.beginform removes form inside itself.

<fieldset name="user_fieldset">    <input type="text" ng-model="firstname" />    <input type="text" ng-model="lastname" />    ... </fieldset> <button ng-disabled="user_fieldset.$valid" ng-class="{'disabled' : user_fieldset.$valid}">next</button>

you can use ng-form directive attribute.

the example angularjs hub:

angular.module("mainmodule", [])    .controller("maincontroller", function ($scope)    {      $scope.person = {};    });
<!doctype html>  <html>  <head>      <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>    <style>      label      {        display: inline-block;        width: 120px;        vertical-align: middle;      }        input      {        display: inline-block;        vertical-align: middle;      }        input.ng-invalid      {        border: solid red 2px;      }        form      {        padding: 10px;      }        textarea      {        width: 250px;        height: 160px;      }    </style>  </head>    <body ng-app="mainmodule">    <div ng-controller="maincontroller">      <form name="personform" novalidate>        <label for="firstnameedit">first name:</label>        <input id="firstnameedit" type="text" name="firstname" ng-model="person.firstname" required /><br />        <label for="lastnameedit">last name:</label>        <input id="lastnameedit" type="text" name="lastname" ng-model="person.lastname" required /><br />        <ng-form name="addressform">          <label for="addressedit">address:</label>          <input id="addressedit" type="text" name="address" ng-model="person.address" /><br />          <label for="zipedit">zip code:</label>          <input id="zipedit" type="number" name="zip" ng-model="person.zip" required /><br />          <label for="cityedit">city:</label>          <input id="cityedit" type="text" name="city" ng-model="person.city" /><br />          <label for="stateprovinceedit">state/province:</label>          <input id="stateprovinceedit" type="text" name="stateprovince" ng-model="person.stateprovince" /><br />          <label for="countryedit">country:</label>          <input id="countryedit" type="text" name="country" ng-model="person.country" />        </ng-form>      </form>      <br />      <strong><label for="userdebugtext">person:</label></strong><br />      <textarea id="userdebugtext">{{person | json}}</textarea><br />      <br />      <strong>form validity:</strong><br />      <ul>        <li><strong>personform.$valid =</strong> {{personform.$valid}}</li>        <li><strong>personform.addressform.$valid =</strong> {{personform.addressform.$valid}}</li>        <li><strong>personform.firstname.$valid =</strong> {{personform.firstname.$valid}}</li>        <li><strong>personform.lastname.$valid =</strong> {{personform.lastname.$valid}}</li>        <li><strong>personform.addressform.zip.$valid =</strong> {{personform.addressform.zip.$valid}}</li>      </ul>    </div>  </body>  </html>


Comments

Post a Comment

Popular posts from this blog

shopping cart - Page redirect not working PHP -

im trying redirect user when click "empty cart". redirect working "add cart" not "empty cart". ideas great. in main .php file set current url seen $current_url = base64_encode("http://$_server[http_host]$_server[request_uri]"); then below cartaction.php file handles actions such "add cart" , "empty cart" <?php session_start(); include_once 'config.php'; //add item in shopping cart if(isset($_post["add"])) { $product_id = $_post["product_id"]; //product id $return_url = base64_decode($_post["return_url"]); //return url $qty = $_post["qty"]; $product = $mysqli->query("select product_name, unit_price, unit_quantity products product_id = '$product_id'"); $obj = $product->fetch_object(); if(!isset($_session['products'])) { $_session['products'] = array(); } if(array_key_exists($product_id...
Read more

php - How to modify a menu to show sub-menus -

i have custom php menu made person, displays categories menu. however, need display subcategories well. tried adding hierarchical parameter didn't work. hoping assistance! here code: <ul> <?php /* categories wp e-commerce products */ $wpec_product_categories = get_terms( 'wpsc_product_category', 'hide_empty=0&parent=0&exclude=298'); $myarray = array(); foreach($wpec_product_categories $wpec_categories){ $myarray[$wpec_categories->term_id]['name'] = $wpec_categories->name; $myarray[$wpec_categories->term_id]['slug'] = $wpec_categories->slug; $myarray[$wpec_categories->term_id]['term_id'] = $wpec_categories->term_id; } foreach($myarray $wpec_categories1){ $wpec_term_name = $wpec_categories1['name']; $wpec_term_slug = $wpec_categories1['slug']; $wpec_term_id = $wpec_categories1['term_id']; echo '<li> <a href="'.get_page_link(19)....
Read more

python - Installing PyDev in eclipse is failed -

unable read repository @ http://pydev.sf.net/updates/content.xml. sun.security.validator.validatorexception: pkix path building failed: sun.security.provider.certpath.suncertpathbuilderexception: unable find valid certification path requested target i installing pydev in eclipse using python, doesn't install successfully. gives above error. happened? how solve error? i had error when trying install on laptop behind corporate firewall. couldn't tell setup of firewall, not sure of root cause. i got passed error installing pydev eclipse when out behind firewall. another way got around have eclipse on non-firewalled machine, install pydev eclipse, , copy whole eclipse directory non-firewalled machine firewalled machine. there better way, , way fix properly, didn't have time work out firewall doing. this on windows 7 machine (yeah know) not work *nix versions installed through package manager yum or apt.
Read more