Question

当我设置<input ng-model="o.str" required>时，它会弹出一个提示“字段是必需的”，而不检查空格。如何将其设为o.str==""，而不是o.str.trim()==""？

Answer 1

你在哪个版本的Angular上。我看到Angular现在有ng-trim，默认情况下修剪空格。

请参阅文档https://docs.angularjs.org/api/ng/directive/input

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

Answer 2

您可以使用'ng-required =“true”'

类似的东西：

    <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）：

＆＃13;

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!');
    }
}

＆＃13;

<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>

＆＃13;

Angular：如何制作场地并修剪它？

3 个答案: