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

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

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

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

HTML代码：

rush:xhtml;"> <Meta charset="UTF-8">

ovalidate ng-submit="signupForm()"> required ng-min-length=3 ng-max-length=10 ensure-unique="check.PHP">

required"> required!!!

{{signup_form.username.$error}}

PHP代码：

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

效果：

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