4

AngularJS でフォ​​ームの検証を行おうとしていますが、どういうわけかページに必要なメッセージが表示されません。

現時点で欠けているものを誰かが正しい方向に向けることができますか? 私はAngularJSを手に入れたばかりで、概念実証を書こうとしているので、これを本番環境で使用できます。

HTML

<form id="signup" class="form-horizontal" name="signup" novalidate>
        <legend>Register</legend>
        <div class="control-group">
            <div class="control-group">
                <label class="control-label">Username</label>

                <div class="controls">
                    <div class="input-prepend">
                        <span class="add-on"><i class="icon-user"></i> </span>
                        <input type="text" class="input-xlarge" id="uname" ng-model="register.uname" name="uname" placeholder="Username" required>
                        <span ng-show="signup.uname.$error.required" class="help-inline">Required</span>
                    </div>
                </div>
            </div>

JavaScript

function registerController($scope){
    $scope.master = {};

    $scope.reset = function(){
        $scope.register = angular.copy($scope.master);
    }
};
4

1 に答える 1

1

J.Pipが述べたように、HTML コードのフォーマットが間違っていたため、メッセージは表示されませんでした。以下のコードで解決する必要があります。

HTMLコード

<form id="signup" class="form-horizontal" name="signup" novalidate>
    <legend>Register</legend>
    <div class="control-group">
        <label class="control-label">Username</label>
        <div class="controls">
            <div class="input-prepend">
                <span class="add-on"><i class="icon-user"></i> </span>
                <input type="text" class="input-xlarge" id="uname" ng-model="register.uname" name="uname" placeholder="Username" required />
                <span ng-show="signup.uname.$error.required" class="help-inline">Required</span>
            </div>
        </div>
    </div>
</form>
于 2013-07-02T15:24:49.497 に答える