标签: ui-validate

使用没有指令的JavaScript函数进行Angularjs表单/字段验证

有没有办法在不使用指令的情况下验证角度的字段?例如:我想在输入字段上进行以下验证.

  • 如果字段为空,我们应该显示"字段必须包含值"消息.
  • 如果字段包含字母数字字符,我们应该显示"字段只能包含数字".
  • EVEN号码 - 给用户的消息"值必须是偶数".

我想在调用JavaScript函数时进行以下验证.

我google了一下,发现有一种方法可以使用ng-valid和$ error,但是我没有设法让它工作.

下面的代码是根据我得到的答案之一:

<div ng-app>
<form name='theForm' novalidate>
    <input type='text' name='theText' ng-model='theText' ng-pattern='/^[0-9]+$/'/>
    <span ng-show='theForm.theText.$error.pattern'>Field can contain only digits</span>
    <span ng-show='theText.length<1'>Field must contain a value</span>
    <span ng-show='theText%2!=0&&document.getElementsByName("theText").value!=""&&!theForm.theText.$error.pattern&&!theForm.theText.$pristine'>Value must be an even number</span>
    <br/><input type='submit' value='Submit' />
</form>
Run Code Online (Sandbox Code Playgroud)

我想把最后一个[span]里面的东西放进一个JavaScript函数中,以使它更通用,最终只改变JS,而不是在条件变化时改变HTML

有人可以建议吗?一个工作的例子会很棒.

javascript validation angularjs angular-ui ui-validate

10
推荐指数
1
解决办法
3万
查看次数

如何禁用md按钮

我有一个表单(HTML)和一个指令来单击提交按钮时的东西.表单有10个输入字段.要求是保持禁用的提交按钮,直到用户在至少一个字段中输入值为止.

谁能帮帮我吗.我刚接触到棱角分明并且找不到多少帮助.

angularjs angularjs-directive ui-validate angular-material

4
推荐指数
2
解决办法
1万
查看次数