如何在Angularjs中编写jquery代码?

时间:2017-04-10 07:44:13

标签: jquery angularjs

您好我正在开发angularjs中的网站,我正在进行注册页面。我正在尝试实现验证(Jquery插件)。我已导入所需的css和js文件。 下面是我的HTML代码。

 <input class="form-control validate[required] text-input" type="text" name="LastName" placeholder="{{ 'Last Name' | translate }}" ng-model="Lname">

以下是我的注册控制器。

(function () {
    angular.module('RoslpApp').controller('MainRegistration', ['$rootScope', '$translatePartialLoader', '$translate', 'cfg', function ($rootScope, $translatePartialLoader, $translate, cfg) {

        $translatePartialLoader.addPart('Registration');
        $translate.refresh();
        $translate.use('de_AR');
    }]);
})();

要实现验证,我想写下面的代码。

<script type="text/javascript">
        jQuery(document).ready(function () {
            // binds form submission and fields to the validation engine
            jQuery("#formID").validationEngine();
            $("formID").attr('autocomplete', 'off');

        });
    </script> 

我可以在哪里写一些jquery代码吗?任何帮助,将不胜感激。谢谢。

2 个答案:

答案 0 :(得分:1)

def create_candidate_item_set(dataset_file): print ("Candidate Item stage") candidate_item_list = defaultdict(int) baskets = [] counter =0 print ("starting with") with open(dataset_file) as file: for line in file: print ("inside with") num_list = map(int,input().split()) print ("this is", str(counter)) baskets.append(num_list) counter +=1 num_list for item in num_list: candidate_item_list[item] = 1 if item not in candidate_item_list else candidate_item_list[item]+1 print ("got baskets") return candidate_item_list, baskets 是选择angularjs中元素的正确方法。

但你可以在控制器中编写while代码。

所以只需将angular.element()中的整个代码放到控制器上即可。

就表单验证而言,您可以使用 Angularjs表单验证

你可以参考 Angular Form Properties $ valid,$ invalid,$ pristine,$ dirty 位于以下链接。

https://scotch.io/tutorials/angularjs-form-validation

答案 1 :(得分:1)

你可以在angularjs

中编写这样的jquery代码
// binds form submission and fields to the validation engine
    angular.element(document.getElementById("formID")).validationEngine();
    angular.element(document.getElementById("formID")).attr('autocomplete', 'off');

但这是实现验证的错误方法,因为angular已经内置了处理验证的功能。请参考此链接 https://docs.angularjs.org/guide/forms