Question

我无法验证 AngularJS 表单元素，我已经包含了代码段，当按下某个键时，＆＃34; onkeyup ＆＃34;触发事件以调用java脚本函数来检查可能的名称。

当我试图对这个领域进行一些验证时，我似乎没有任何效果。请帮我解决一些建议。

<form name="findCusFrm">
    <div class="col-md-2">
        <input style=" width: 100%;"name="firstname"  onkeyup="fname();"class="textox form-control" id="firstname" type="text" 
             placeholder="Firstname" ng-pattern="/^[^\d][a-z A-Z]+$/" ng-minlength=3 ng-maxlength=20  ng-trim="true" required >
        <span ng-show="findCusFrm.firstname.$error.required && findCusFrm.firstname.$touched">First Name Required..     
        </span>
        <span ng-show="findCusFrm.firstname.$error.pattern && findCusFrm.firstname.$dirty">Invalid Field Format..                   
        </span>
       <span  ng-show="findCusFrm.firstname.$dirty && findCusFrm.firstname.$error.minlength">Too Short..
       </span>
       <span  ng-show="findCusFrm.firstname.$dirty && findCusFrm.firstname.$error.maxlength">Too Long..
       </span>
       <input type="hidden" id="setfname">
   </div>

这是fname（）javascript函数..

function fname()
{

 $(document).ready(function(){
     var autocomplete;
                      $("#firstname").autocomplete({
                          source: "requestfname.html",
                          minLength: 1,
                          response: function (event, ui) {
                              if ((ui['content'].length) == 0) {
                                alert("No such fname Exists!!!");
                              }
                          },
                          select: function (event, ui) {
                             $('#email').val(ui.item.value);
                              var element = document.getElementById('setfname');
                              element.value = ui.item.value;
                           // alert(element.value); 

                          }
                      });
    });

}

Answer 1

使用 ng-keyup 代替 onclick（）并完全避免 jQuery 代码帮助我获得所需的解决方案

AngularJS表单用于文本字段

1 个答案: