小编Pra*_*M P的帖子

想要将电话号码设置为10位,如何使用Angular js执行此操作.

这是我尝试过的:

<form class="form-horizontal" role="form" method="post" name="registration" novalidate>
  <div class="form-group" ng-class="{'has-error': registration.phone.$error.number}">
    <label for="inputPhone" class="col-sm-3 control-label">Phone :</label>
    <div class="col-sm-9">
      <input type="number" 
             class="form-control" 
             ng-minlength="10" 
             ng-maxlength="10"  
             id="inputPhone" 
             name="phone" 
             placeholder="Phone" 
             ng-model="user.phone" 
             ng-required="true">
      <span class="help-block" 
            ng-show="registration.phone.$error.required && 
                     registration.phone.$error.number">
                     Valid phone number is required
      </span>
      <span class="help-block" 
            ng-show="((registration.password.$error.minlength || 
                      registration.password.$error.maxlength) && 
                      registration.phone.$dirty) ">
                      phone number should be 10 digits
       </span>
    </div>
  </div>
</form>

但我没有收到验证错误.

<ul>
    <li><a id="tab1" data-index="0" name="tab" href="#">abc</a></li>
    <li><a id="tab2" data-index="1" name="tab" href="#">def</a></li>
    <li><a id="tab3" data-index="2" name="tab" href="#">ijk</a></li>
</ul>

这是我的问题
如果我点击任何Anchor标签,我想获得[data-index]所选项目的价值.
并且我不应该使用Id Selector或类选择器

这是我尝试使用jQuery但它不起作用

$("a[name=tab]").on("click", function () { 
    var a = $(this).getAttribute("data-index"); 
    alert(a); 
});

感谢你

我正在开发一个网站,我想要一个像上面的图像菜单.这就是我尝试过的:jsFiddle

HTML

         <div class="">
            <ul class="header-menu-ul">
            <li class="header-menu menu-link1-color"><a href="" class="header-menu-link ">ABC's Office</a></li>
            <li class="header-menu menu-link2-color"><a href="" class="header-menu-link ">Benefits</a></li>
            <li class="header-menu menu-link3-color"><a href="" class="header-menu-link ">NEW Brand</a></li>
            <li class="header-menu menu-link4-color"><a href="" class="header-menu-link ">Editorial</a></li>
            <li class="header-menu menu-link5-color"><a href="" class="header-menu-link ">Manger</a></li>
            <li class="header-menu menu-link6-color"><a href="" class="header-menu-link ">Extra</a></li>
            </ul>

            </div>

我面临的问题是它在<li>标签之间占据了一席之地.