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

前端之家收集整理的这篇文章主要介绍了Angular使用ng-messages与PHP进行表单数据验证前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

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

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

HTML代码

<Meta charset="UTF-8"> Document
required ng-min-length=3 ng-max-length=10 ensure-unique="check.PHP">
required"> required!!!

{{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";
}
?>

效果

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。

猜你在找的JavaScript相关文章