Angular使用ng-messages与PHP进行表单数据验证

这篇文章主要介绍了Angular使用ng-messages与PHP进行表单数据验证,ng-messages提供了更方便的表单数据验证服务,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

Angular中的ng-messages提供了更方便的表单数据验证服务。

本文代码主要基于《AngularJS权威教程》中关于ng-messages模块的说明,但原文中不乏错误以及没有后台代码和示例,所以简单的实现其功能。//别的地方也有错误,我一度怀疑我买了盗版书==

比如我们想与后台进行表单数据合法性验证并给出输入操作提示

HTML代码:

   Document 
Required!!!
Checking...
Has been taken, please choose another.

{{signup_form.username.$error}}

PHP代码:

 <?php //Angular与jQuery传递参数类型不同,不能直接使用$.POST['username']获取; $postData = file_get_contents('php://input', true); $obj=json_decode($postData); //这里模拟唯一性验证 if($obj->username == '123'){ echo "exist"; } else{ echo "available"; } ?> 

效果:

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持易知道|edz.cc。

以上就是Angular使用ng-messages与PHP进行表单数据验证的详细内容,更多请关注易知道|edz.cc其它相关文章!

推荐阅读