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

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

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

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

HTML代码：

  
  
  
  
  



  

    

      
      
      
      

        

          Required!!!
        
        

          Checking...
        
        

          Has been taken, please choose another.
        
      
      

        Submit
      
      
{{signup_form.username.$error}}
    
  

PHP代码：

username == '123'){
    echo "exist";
  }
  else{
    echo "available";
  }
?>

效果：

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