ITPub博客

首页 > IT职业 > IT生活 > [Angularjs]表单验证

[Angularjs]表单验证

IT生活 作者:rikinglj 时间:2021-09-09 09:12:04 0 删除 编辑

写在前面

在开发中提交表单,并对表单的值进行验证是非常常见的操作,angularjs对表单验证提供了非常好的支持。

demo

表单



   


       
       
           订单名称是必须的。
       

   


   


       
       
           单价是必须的。
       

   



   


服务端

        [HttpPost]
       [Route("api/order/lists/add")]        public async Task Post([FromBody] Order order)
       {            return await Task.Factory.StartNew(() =>
           {
               HttpResponseMessage response = new HttpResponseMessage(HttpStatusCode.Accepted);
               order.Id = Guid.NewGuid();
               lstOrders.Add(order);
               response = new HttpResponseMessage(HttpStatusCode.Accepted)
               {
                   Content = new StringContent(JsonConvert.SerializeObject(new { _code = 200, _data = lstOrders }))
               };                return response;
           });
       }


测试

图片描述

提交后数据

图片描述

总结

$dirty:表单有填写记录

$valid:字段内容合法的

$invalid:字段内容是非法的

$pristine:表单没有填写记录

来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/1870/viewspace-2800396/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2019-04-15

  • 博文量
    104
  • 访问量
    997