Question

每当用户未在select标记中选择任何值时，我想添加一条消息。到目前为止，我接触过如下：

    <form name="jdForm">
        <div class="form-group col-sm-6 require">
                                <label class="form-control-label">Jd Name</label>
                                <select class="form-control" name="jdname" ng-model="oData.jdDetails.jdName" required>
                                    <option>select</option>
                                    <option ng-repeat="jd in jdNames">{{jd}}</option>
                                </select>
                                <span ng-show="jdForm.jdname.$untouched ">Please select jd name</span>
                            </div>
<button ng-click="fnSave()">Publish</button>
</form>

这里显示的信息是我在span中给出的，但事情是onload事件。它显示但我需要在点击发布按钮后显示它。在验证表单之前，不应发生ng-click函数调用。

Answer 1

你需要保持提交按钮而不是简单的ng-click和每个错误消息标签应用条件是提交的表格或者如果你想显示错误甚至在焦点上添加一个被触摸的条件。

贝娄是我更喜欢验证表格

的例子

HList

Answer 2

我会使用类似的东西：

func isValidUsername(testStr:String) -> Bool {

        var rawString: String = testStr
        var whitespace: NSCharacterSet = NSCharacterSet.whitespaceAndNewlineCharacterSet()
        trimmed = rawString.stringByTrimmingCharactersInSet(whitespace)

        if trimmed.characters.count>0
        {

            return true
        }
        else
        {

            return false
        }

    }

其中savePressed只是一个变量，在按下发布按钮后变为true。

请参阅plunker了解工作副本

如何使用角度验证验证选择标记

2 个答案: