Angular Material强制表单输入弹出警报

时间:2017-11-08 20:21:04

标签: angularjs input requiredfieldvalidator angularjs-material

我正在创建一个Material表单,并且在按照此处的示例后,有几个必需的字段正确呈现:https://material.angularjs.org/latest/demo/input

但是,在他们的示例中,当未填写所需输入并且用户按下提交时,会显示弹出警报,我不确定如何完成此操作:

enter image description here

我的代码如下所示:

function checkGit($Path) {
    #if (Test-Path -Path (Join-Path $Path '.git')) {
    #    $gitLoaded = Import-Git $gitLoaded
    #    Write-VcsStatus
    #    return
    #}

如果在提交内容中没有填写内容,我该怎么办才能显示该内容?

1 个答案:

答案 0 :(得分:1)

Chrome popup Please Fill Out this Field中有很多与此相关的讨论。然而,这并不重复,因为你提出了一些相反的问题。

答案是,class permutation { static void combinationUtil(int arr[], int data[], int start, int end, int index, int r){ if (index == r){ for (int j=0; j<r; j++){ System.out.print(data[j]+" "); } System.out.println(""); return; } for (int i=start; i<=end && end-i+1 >= r-index; i++){ data[index] = arr[i]; combinationUtil(arr, data, i+1, end, index+1, r); } } public static void main (String[] args) { int arr[] = {1, 2, 3, 4, 5,6,7}; int r = 5; int n = arr.length; int data[]=new int[r]; int start=0,end=n-1,index=0; combinationUtil(arr, data, start, end, index, r); } } 元素的HTML5 required属性行为与<input>元素的required行为不同。

This CodePen演示了弹出窗口适用于<select>元素,但不适用于<select>元素。

一个问题是,材质选择没有第一个选项的空白条目。但是,即使添加它也不会显示弹出窗口。

第二个问题是<md-select>未应用于DOM中的隐藏required元素。所以浏览器无法添加弹出窗口。

<select>

完成所有这些后,您可能只想处理Material Design样式中的验证消息,并使用此答案中第一个链接中包含的步骤完全禁用弹出窗口。