Javascript 带有正则表达式和年份日期输入字段的AngularJS ng模式函数

我的客户请求向文本输入中添加唯一的表单验证规则，该规则只包含4位数字，不包含字符。输入仅应采用2015年等年份格式。问题是，客户端不希望用户输入的年份少于当前年份，并且不能超过当前年份的10年

所以我创建了一个如下的函数：

$scope.startYearPattern = function() {
      var date = new Date();
      var year = date.getFullYear();
      var regex = /^[0-9]{2}$/;
      if(EditProgCtrl.programDetails.academicYear > year && EditProgCtrl.programDetails.academicYear < year + 10 && regex);
        };

在html上，我有：

<div class="col-xs-6 form-horizontal program-edit" data-ng-class="{ 'has-error': programEditForm.academicYear.$invalid && programEditForm.academicYear.$touched }">
                    <div class="form-group required">
                        <label for="academicYear" class="col-xs-4 horizontal-left control-label">
                            Start Year
                        </label>
                        <div class="col-xs-6 program-edit">
                            <input type="text" ng-pattern="startYearPattern()" class="form-control input-sm" max="3000" name="academicYear" id="academicYear" data-ng-model="EditProgCtrl.programDetails.academicYear" title="Please enter a valid year" required="required" />
                            <div data-ng-if="programEditForm.academicYear.$touched" data-ng-messages="programEditForm.academicYear.$error">
                                <span class="help-block" data-ng-message="required">required field</span>
                                <span class="help-block" data-ng-message="pattern">Wrong Year Format</span>
                            </div>
                        </div>
                    </div>
                </div>

---

但它不起作用，所以我遗漏了一些东西，只是不知道出了什么问题。

ng模式通常只接受类似ng模式的模式=/^[0-9]{4}$/我想。我给你写了一个验证指令

myModule.directive('academicYearValidation', academicYearValidation );
function academicYearValidation() {
    return {
       restrict: 'A',
       require: 'ngModel',
       link: link
    }
   function link (scope, element, attrs, ngModel) {

       function validator(modelValue, viewValue) {
          var value = modelValue || viewValue;
          var date = new Date();
          var year = date.getFullYear();
          var regex = /^[0-9]{4}$/;

          if(regex.test(value) && value > year && value < year + 10){
              return true;
          }else{
              return false;
          }
        }
        ngModel.$validators.academicyearvalidation = validator;
    }
};

ngModel.$validators在angular 1.3中是新的，在1.3U必须使用ngModel.$Parser和ngModel.$formatters之前

---

我给你做了一个plunker

^[0-9]{2}$只匹配两位数字。请尝试使用此^[0-9]{4}$作为4位数字。返回语句缺失，ifreturn语句的正文没有帮助我已将正则表达式更改为^[0-9]{4}$我现在在指令中有此项，但我收到一个错误，如acedemicYear未定义ifscope.programDetails.academicYear>year&&scope.programDetails.academicYear

---

• [regex]相关文章推荐

• Regex 如何创建匹配除空格以外的非字母数字字符的Perl正则表达式？ regexperlunicode
• Regex 使用正则表达式自动向PDF文件添加注释 regexpdf
• Regex MVC3中的正则表达式属性 regexasp.net-mvc-3
• Regex 如何跳过正则表达式中带引号的文本（或者如何将HyperStr ParseWord与Unicode文本一起使用？） regexdelphi
• Regex 不同数字范围的以色列邮政编码正则表达式 regex
• Regex 访问vbscript正则表达式过程调用或参数无效 regexms-accessvba
• Regex 替换的Xcode正则表达式替换&书信电报；任意数量的空格>；]&引用； regexxcodereplace
• Regex 在nginx上重写url查询中的空格（使用express） regexnode.jsnginxexpress
• Regex Matlab中的动态结构字段名-给初学者的建议？ regexmatlabdynamicdata-structures
• Regex 要匹配的正则表达式；“订购”；sql语法 regex
• Regex 重写Url参数不'；行不通 regexapache.htaccessmod-rewriteurl-rewriting
• Regex 意大利电话10位数正则表达式发行 regex
• Regex 正则表达式匹配特定格式-一个大写单词，但不是两个 regex
• Regex 无法使此正则表达式-\[pbrc:tl:[^]]*ad*\]-正常工作？ regex
• Regex nodejs的精确字段输入mongoose regexnode.jsmongoose
• Regex 如何在HaxeDevelop/FlashDevelop查找和替换中使用正则表达式重新排列代码 regex
• Regex 如何在Apache 2.4上重定向多个CIDR块 regexapache.htaccess
• Regex仅在组内替换 regex
• Regex 记事本++；正则表达式仅替换两个特定字符之间出现的字符 regexreplacenotepad++
• Regex 如何为端点重写执行nginx重写 regexnginx

---

• 随机文章推荐