angularJS提交表单（form）
代码很简单，就不多废话了，直接奉上代码：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<script src="http://localhost:81/js/jquery.js">
</script>
<script src="http://localhost:81/js/angular.min.js">
</script>
<body ng-app="app">
<div ng-controller="TestCtrl">
<div ng-form test>
<input ng-model="a" type="email" />
<button ng-click="do()">查看</button>
</div>
</div>
<script>
app = angular.module("app",[]);
app.directive('test',function() {<br> //form表单的指令都有一个默认的控制器作为第四个参数
var link = function($scope, $element, $attrs, $ctrl) {
$scope.do = function() {
//$ctrl.$setDirty();
console.log($ctrl.$pristine); //form是否没被动过
console.log($ctrl.$dirty); //form是否被动过
console.log($ctrl.$valid); //form是否被检验通过
console.log($ctrl.$invalid); //form是否有错误
console.log($ctrl.$error); //form中有错误的字段
}
}
return {
compile: function() {
return link
},
require: 'form',
restrict: 'A'
}
});
app.controller('TestCtrl', function($scope){
//如果没有contrller，这东西还不会初始化..
});
</script>
</body>
</html>
这里给大家分享的是最基础的angularJS表单验证，希望大家能够喜欢。
-
问题内容： 我正在学习AngularJs的学习过程，发现几乎没有任何示例可用于现实世界。 我试图对如何使用最标准的组件提交表单并将其传递给PHP文件有一个清晰的了解。 我的小提琴。 有人在提交简单，无污染的表单方面有什么好的例子吗，这些表单会对我以及其他许多Angularjs初学者有所帮助。 当我说一个干净的表格时，我指的是这样的东西。 我的ng-app代码… 我猜我接下来要问的三个问题是… 我的
-
问题内容： 在这种特殊情况下，按Enter键时必须使这些输入调用函数的选项是什么？ 问题答案： Angular开箱即用。您是否在表单元素上尝试了ngSubmit？ 编辑：根据有关提交按钮的注释,该解决方案包括： 如果您不喜欢隐藏的提交按钮解决方案，则需要将控制器功能绑定到Enter keypress或keyup事件。这通常需要一个自定义指令，但是AngularUI库已经设置了一个不错的按键解决方案
-
在这种特殊情况下，当我按Enter键时，我必须使用哪些选项使这些输入调用函数？ Html：
-
问题内容： 最近，到目前为止，我已经跳入angularjs及其精彩。我一直在通过$ http服务发送AJAX请求。今天，我震惊地发现没有简单的方法可以做到（据我所知）。通过谷歌和SO进行搜索使我无所适从复杂的复杂解决方案。 尽管我现在最终使用了JQuery，但对于像JQuery ajax这样能够发送表单的东西是否真的可用感到好奇。这是简单的JQuery代码，用于说明正在讨论的内容 问题答案： 有一
-
本文向大家介绍angularjs $http实现form表单提交示例，包括了angularjs $http实现form表单提交示例的使用技巧和注意事项，需要的朋友参考一下 需求：请求第三方后台接口返回一段html字符串如下，由前端去实现form表单的POST提交， 说明：form表单submit()实现自动提交input标签hidden，注意script代码中的document.redirect.
-
我正在尝试在用户按回车键时提交登录表单。单击“登录”按钮时，表单运行良好，但按回车键不起作用，此外，还会导致奇怪的行为： 未执行由ng submit关联的功能 按enter键后，不再显示错误消息（登录失败） 以下是我的标记： 注意，我尝试替换了<代码> 具有login（）函数的相应控制器如下所示： 我运行angularv1.4.0并使用angular-用户界面-router v.0.2.15进行路