Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/373.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/23.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript regex将过滤掉youtube中的视频_Javascript_Angularjs - Fatal编程技术网

Javascript regex将过滤掉youtube中的视频

Javascript regex将过滤掉youtube中的视频,javascript,angularjs,Javascript,Angularjs,我有一个输入字段,希望使用正则表达式检查字段名是否包含youtube <input name="videoUrl" ng-pattern="youtubeRegex" required ng-model="video.url" type="text" class="form-control" id="video-link" placeholder="Enter video link from youtube"> <p ng-show="videoForm.videoUrl.$i

我有一个输入字段,希望使用正则表达式检查字段名是否包含youtube

<input name="videoUrl" ng-pattern="youtubeRegex" required ng-model="video.url" type="text" class="form-control" id="video-link" placeholder="Enter video link from youtube">
<p ng-show="videoForm.videoUrl.$invalid && !videoForm.videoUrl.$pristine">
                                  the link has to be from youtube
                                </p>
但是,当我开始键入时,错误会立即显示,即使我从youtube粘贴了一个链接,它仍然会验证它是错误的。

将您的正则表达式更改为:

$scope.youtubeRegex= /youtube/;
下面是一个例子:

这将允许您正确粘贴。至于从get go中看到错误,这是预期的行为,因为它在技术上是不正确的。为了避免这种情况,您需要在用户完成键入时运行错误消息show

这显然可以通过“提交”按钮完成,但也可以通过确定用户何时完成键入,然后运行一个函数来检查表单的有效性状态并显示/隐藏注释。按照同样的思路,您也可以使用

概念相同-检查表单有效性并显示/隐藏错误元素。

将正则表达式更改为:

$scope.youtubeRegex= /youtube/;
下面是一个例子:

这将允许您正确粘贴。至于从get go中看到错误,这是预期的行为,因为它在技术上是不正确的。为了避免这种情况,您需要在用户完成键入时运行错误消息show

这显然可以通过“提交”按钮完成,但也可以通过确定用户何时完成键入,然后运行一个函数来检查表单的有效性状态并显示/隐藏注释。按照同样的思路,您也可以使用


概念相同-检查表单有效性并显示/隐藏错误元素。

如何验证youtube url请共享代码???我正在使用ng模式指示您是否可以为此使用ng消息?使用$scope.youtubergex=;而不是$scope.youtubergex=youtube;有什么区别?我也总是在前面有“www”,为什么我要添加.com而不是www?你如何验证youtube url?请分享你的代码?我使用的是ng模式方向你可以使用ng消息吗?使用$scope.youtubergex=;而不是$scope.youtubergex=youtube;有什么区别?我总是有“www”在前面,所以为什么我应该添加.com而不是www?嘿,我知道这没有任何意义,但有“/youtube/”因为regex不能解决它认为有效URL无效的问题。你能更新代码以显示修改并粘贴不起作用的示例URL吗?嘿,我知道这没有任何意义,但是使用“/youtube/”是因为regex无法解决它认为有效URL无效的问题。您可以更新代码以显示修改并粘贴不起作用的示例URL吗?