Question

我正在开发一个应用程序，其中输入文本字段将由条形码中的扫描程序扫描填充。

问题是当扫描仪扫描时，它会提交表单。它无法在扫描仪上禁用，因此我需要在自己的表单上禁用它。我在考虑：

<form onsubmit="this.preventDefault()">

这是阻止自动提交的方法吗？

我的表单如下：

    <form name="form" novalidate>

                            <div class="form-group" ng-class="{'has-success': form.barcode.$valid, 'has-error': form.barcode.$invalid && form.barcode.$dirty}">
                                <label for="barcode" class="control-label">Barcode:</label>
                                <div class="input-group">
                                    <input type="text" ng-model="view.asset.barcode" name="barcode" ng-required="true" id="barcode" class="form-control" ng-change="validateBarcodeUnique(form)">
                                    <span class="input-group-addon"><i ng-class="{'icon-ok': form.barcode.$valid, 'icon-remove': form.barcode.$invalid && form.barcode.$dirty}"></i> </span>
                                </div>
                                <span class="help-block">
                                    <span ng-show="form.barcode.$error.required && form.barcode.$dirty">Barcode is required!</span>
                                    <span ng-show="form.barcode.$error.pattern && form.barcode.$dirty">Barcode is already used!</span>


                    </span>
                        </div>
...
                        <div>
                            <button ng-click="form.$setPristine(); updateAsset();" ng-disabled="form.$invalid || form.$pristine" type="submit" class="btn btn-success">Save</button>
                            <a ng-click="view.asset = null;" class="btn btn-danger">Cancel</a>
                            <div class="btn-group">
                                <a ng-show="assets.length > 1" ng-click="getPicSingle()" class="btn btn-primary">Take specific picture</a>
                                <a ng-show="view.asset.image_specific" ng-click="removePicSingle()" class="btn btn-danger"><i class="icon-trash"></i></a>
                            </div>
                        </div>
                    </form>

PS：如何修复粘贴代码的缩进？

Answer 1

只需更改按钮类型＆＃34;提交＆＃34;到＆＃34;按钮＆＃34;它会阻止自动提交。

阻止输入设备提交angularjs表单

1 个答案: