Javascript TypeError:undefined不是函数输入验证AngularJS

我正在使用angular进行一些输入验证，但是当调用函数时，每个元素都返回为未定义。我已经包括了下面的重要代码，如果这还不够，请让我知道。我很感激能得到的任何帮助

JS

}]))

HTML

---

请尝试此代码。
input type=“MRN”=>type=“text”


MRN
MRN
MRN值必须匹配！
angular.module（'app.directives'，[]）
.directive（'mrnCheck'，[函数（）{
返回{
要求：'ngModel'，
链接：函数（范围、元素、属性、ctrl）{
//log（firstMRN.val（））；
var firstMRN='#'+attrs.mrnCheck；
元素添加（“测试”）；
//log（firstMRN.val（））；
//控制台日志（firstMRN）；
元素添加（firstMRN）.on（'keyup'，函数（）{
作用域：$apply（函数（）{
ctrl.$setValidity（'mrnmatch'，elem.val（）==jQuery（firstMRN.val（））；
});
});
}
};
}]);
你能安装小提琴手吗？还指定Consoleure的完整错误，我听说过，但不是很熟悉。哪些数据对您有用？从控制台完整复制。e、 在链接之前应该有一些错误，我不能让它正常工作，至少我不这么认为，只是一堆ClientHello记录太长了。我想我在下面粘贴的东西可能就是你想要的？angular.js:10061 TypeError:undefined不是nodeLinkFn（）的link（）处的函数未能加载资源：net:：ERR_CACHE_miss我刚刚尝试过，它抛出了TypeError:undefined不是elem.addHmm的第一个实例中的函数，也许我在.js文件中的位置不正确？如果你认为错误在其他地方，我可以上传它的其余部分？（我想一定是这样，因为它正在您的系统上工作）。您希望从哪个选项卡中取出数据？很抱歉，这是一个如此基本的问题，但我不习惯使用fiddler。
angular.module('app.directives', [])
.directive('mrnCheck', [function () {
return {
    require: 'ngModel',
    link: function (scope, elem, attrs, ctrl) {
        //console.log(firstMRN.val());
        var firstMRN = '#' + attrs.mrnCheck;
        elem.add('test');
        //console.log(firstMRN.val());
        //console.log(firstMRN);
        elem.add(firstMRN).on('keyup', function () {
            scope.$apply(function () {
                ctrl.$setValidity('mrnmatch', elem.val() === $(firstMRN).val());
            });
        });
    }
}

<div class = "row" ng-show="<?php echo $_SESSION["associate"]; ?>">
    </br>
    <form name = "UploadForm" class="input-group" role="form">
        <div class="input-group">
            <span class="input-group-addon">MRN</span>
            <input type="MRN" ng-model="MRN1" class="form-control" id="MRN1" placeholder="Patient MRN" ng-required="" />
        </div>
        </br>
        <div class="input-group">
            <span class="input-group-addon">MRN</span>
            <input type="MRN" ng-model="MRN2" class="form-control" id="MRN2" placeholder="Confirm MRN" ng-required="" mrn-Check="MRN1" />
            <span ng-show="UploadForm.MRN2.$error.MRNmatch">MRN values must match!</span>
        </div>
    </form>
 </div>

<form name="UploadForm" class="input-group" role="form">
    <div class="input-group">
        <span class="input-group-addon">MRN</span>
        <input type="text" ng-model="MRN1" class="form-control" id="MRN1" placeholder="Patient MRN" ng-required="" />
    </div>
    <div class="input-group">
        <span class="input-group-addon">MRN</span>
        <input type="text" ng-model="MRN2" class="form-control" id="MRN2" placeholder="Confirm MRN" ng-required="" mrn-check="MRN1" />
        <span ng-show="UploadForm.MRN2.$error.MRNmatch">MRN values must match!</span>
    </div>
</form>

angular.module('app.directives', [])
.directive('mrnCheck', [function () {
    return {
        require: 'ngModel',
        link: function (scope, elem, attrs, ctrl) {
            //console.log(firstMRN.val());
            var firstMRN = '#' + attrs.mrnCheck;
            elem.add('test');
            //console.log(firstMRN.val());
            //console.log(firstMRN);
            elem.add(firstMRN).on('keyup', function () {
                scope.$apply(function () {
                    ctrl.$setValidity('mrnmatch', elem.val() === jQuery(firstMRN).val());
                });
            });
        }
    };
}]);