Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/23.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在一个表单组中输入时,将调用另一个表单组中的另一个事件_Javascript_Angularjs_Html_Twitter Bootstrap 3 - Fatal编程技术网

Javascript 在一个表单组中输入时,将调用另一个表单组中的另一个事件

Javascript 在一个表单组中输入时,将调用另一个表单组中的另一个事件,javascript,angularjs,html,twitter-bootstrap-3,Javascript,Angularjs,Html,Twitter Bootstrap 3,当我在buttom formgroup中的textarea上单击enter时,将调用top form group定义的remove方法。不确定为什么以及如何避免这种情况?我在textarea上添加了一个ngkeyup事件,即使在我在textbox上输入时调用remove方法 <div class="form-group" name="form-group1"> <label class="col-sm-2 control-label">{{col1label}}&

当我在buttom formgroup中的textarea上单击enter时,将调用top form group定义的remove方法。不确定为什么以及如何避免这种情况?我在textarea上添加了一个ngkeyup事件,即使在我在textbox上输入时调用remove方法

<div class="form-group" name="form-group1">
    <label class="col-sm-2 control-label">{{col1label}}</label>
    <div class="col-sm-6">
        <div ng-repeat="label in list">
            <div class="col-sm-6">
                <div class="input-group">


                    <input type="text" class="form-control" ng-model="label.name">

                    <span class="input-group-btn">
                        <button type="submit" class="pull-right btn btn-white" name="btn" ng-click="remove(label.name)">
                            <i class="fa fa-trash"></i>
                        </button>
                    </span>


                </div>
            </div>
            <div class="col-sm-8"></div>

        </div>
    </div>
    </div>
<div class="form-group" name="form-group2">

    <label class="col-sm-2 control-label">{{column2label}}</label>
    <div class="col-sm-6">
        <div class="input-group">
            <input type="text" class="form-control" ng-model="text" name="textarea" placeholder="{{col2placeholder}}">
            <span class="input-group-btn">
                <button type="submit" class="pull-right btn btn-white" name="addButton" ng-click="addvalue()">
                    <i class="fa fa-plus-square"></i>
                </button>
            </span>
        </div>

    </div>

</div>

{{col1label}}
{{column2label}}

找到了答案。使按钮类型为button而不是submit。这阻止了触发enter事件。
button type=“button”class=“pull right btn btn white”name=“addButton”ng click=“addvalue()”>

您认为需要阻止ENTER来提交表单。也许这会帮助你,谢谢你的帮助。有没有什么方法可以避免使用angular或html属性。我们尽可能避免javasicript使用jquery或dom操作。因此上述解决方案对我没有帮助。@SushilNayak:祝贺“找到答案”。但请把它贴出来作为答案。这样每个人都可以从中受益并进行搜索(例如DuckDuckGo Instant Anwer等)。我将对你的答案投赞成票