角：如何使字段必填并修剪它？

Question

当我设置<input ng-model="o.str" required> ，它将弹出提示“ field is required”，而不检查空格。 如何使其不以o.str==""进行检查，而是以o.str.trim()=="" ？

Answer 1

您正在使用哪个版本的Angular。 我看到Angular现在有ng-trim ，默认情况下会修剪空格。

查看文档https://docs.angularjs.org/api/ng/directive/input

最有可能的是，它使用角度解析器来修剪空间。

Answer 2

您可以使用“NG-所需=‘真’”

像这样：

    <input class="form-control" type="text" ng-model="contact.name" placeholder="Name" ng-required="true" ng-minlength="10"/>

对于修饰字符串，可以使用ng-trim或ng-trim =“ true”。

Answer 3

我总是为实际提交添加一个隐藏按钮。 显示的提交按钮只是验证数据，然后触发真正的提交，如下所示（尽管角度上会是ng-click而不是onclick）：

 function validate() { var valid = true; $.each($('input'), function(){ valid = valid && $(this).val().length > 0; }) if (valid) { $('#realSubmit').click(); } else { alert('Please fill out all fields!'); } } 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <form action="next2.php" method="post" name="next2" id="next2" onsubmit="return submit();"> <input type="text" placeholder="Enter Name" /> <input type="password" placeholder="Enter Password" /> <button type="button" onclick="validate()">Submit</button> <button type="submit" id="realSubmit" style="display:none"></button> </form>