当输入无效时,Angular 2 Parsley防止表单提交

Question

      <div>
            <form class="form-horizontal form-label-left parsleyjs" method="post" data-parsley-priority-enabled="false"
                (ngSubmit)="submitForm()">
                <fieldset>
                    <div class="form-group row">
                        <label class="form-control-label col-md-3 col-xs-12" for="task-id">
                            ID
                            <span class="help-block"> 
                                Number Only
                            </span>
                        </label>
                        <div class="col-md-9 col-xs-12">
                            <input type="text" id="task-id" name="task-id" class="form-control"
                                data-parsley-type="number"
                                required="required">
                        </div>
                    </div>
                </fieldset>
                <div class="form-actions">
                    <button type="submit" id="task-detail-submit-button" class="btn btn-danger btn-rounded pull-xs-right">Submit</button>
                </div>
            </form>
        </div>

当输入无效时,Parsley如何在表单提交期间停止调用"submitForm()".在这种情况下,"task-id"不是数字.

Answer 1

希望这段代码能给你一个想法

        <form class="form-horizontal form-label-left parsleyjs"   name="formname" method="post" data-parsley-priority-enabled="false"
            (ngSubmit)="formname.valid && formname.submitForm()">

如果该代码不起作用,则不对其进行测试