如何验证级联选择列表？

Question

我创建了两个选择列表。更改其中一个的值将显示另一个的值。

函数的功能是正确的，但验证没有起作用。的错误消息没有显示。

但是，如果我使用警报，则第一个选择列表的警报有效，即使下一个选择列表为空，程序也会继续运行，而不会显示警报或的错误消息。

如果有经验的人能够解决这个问题，将会很有帮助。

@model RedwoanEntDistributor.Models.Product.tbl_product 
     
	 
 
 	
	 
 
 	
	 
 	 	
 	
	 	
 	
 	
	 	
  

public IActionResult Index(){             
	ViewBag.vender = new SelectList(_context.tbl_Venders.ToList(), "vender_ID", "vender_Name");                         
	return View();         
}
         
public JsonResult Compnayname(int id){
	var compnay = _context.tbl_Compnays.Where(x => x.vender_ID == id).ToList();             
	return Json(compnay);         
}
public int productID { get; set; }   
       
[Required(ErrorMessage = "Select Vender Name")]         
public int VenderID { get; set; }   
      
[Required(ErrorMessage = "Select Company Name")]         
public int CompanyID { get; set; }

注意: 此问题总结整理于：How to Validate Cascading Selectlist

Accepted Answer

你好，

请检查一下我的测试结果是否满足你的需求：

Animation6

代码如下：

@model WebAppMvc.Models.HelloViewModel;
 

    
    
        
        
        
    
    
        
        
        
    
    
        
        
        
    
    
        
    

 
@section Scripts{
    
}

控制器代码如下：

public class HelloController : Controller
{
    public IActionResult Index()
    {
        HelloViewModel model = new HelloViewModel
        {
            Countries = new List
            {
                new Country { Id = 1, Name = "Country1" },
                new Country { Id = 2, Name = "Country2" }
            },
            Cities = new List {
                new City { Id = 11, Name="City1",CountryId = 1},
                new City { Id = 22, Name="City2",CountryId = 1},
            }
        };
   
        return View(model);
    }
 
[HttpPost]
    public IActionResult Index(HelloViewModel model) {
        HelloViewModel temp = new HelloViewModel
        {
            Countries = new List
            {
                new Country { Id = 1, Name = "Country1" },
                new Country { Id = 2, Name = "Country2" }
            },
            Cities = new List {
                new City { Id = 11, Name="City1",CountryId = 1},
                new City { Id = 22, Name="City2",CountryId = 1},
            }
        };
        return View(temp);
    }
 
public List getCities(int id) {
        var res = new List();
        if (id == 1)
        {
            return new List {
                new City { Id = 11, Name="City1",CountryId = 1},
                new City { Id = 22, Name="City2",CountryId = 1},
            };
        }
        else {
            return new List {
                new City { Id = 33, Name="City3",CountryId = 2},
                new City { Id = 44, Name="City4",CountryId = 2},
            };
        }
    }
}
 
public class Country
{
    public int Id { get; set; }
    public string Name { get; set; }
}
 
public class City
{
    public int Id { get; set; }
    public string Name { get; set; }
    public int CountryId { get; set; }
}
 
public class HelloViewModel {
    [Required]
    public string UserName { get; set; }
    //[Required(ErrorMessage = "Select a country11")]
    [Range(1, int.MaxValue, ErrorMessage = "Select a country11")]
    public int CountryId { get; set; }
 
public List Countries { get; set; }
    //[Required(ErrorMessage = "Select a city11")]
    [Range(1, int.MaxValue, ErrorMessage = "Select a city11")]
    public int CityId { get; set; }
    public List Cities { get; set; }
}

在你的代码中，前端和后端都有验证。你在 "addata()" 中使用了 JavaScript 来验证选择项，这也可以，但在这种情况下，[Required(ErrorMessage = "Select Vender Name")] 没有意义。当你像我分享的那样使用表单提交时，模型验证会起作用。

如果答案是正确的，请点击“接受答案”并点赞。如果您对此答案还有其他疑问，请点击“评论”。 注意：如果您想接收相关电子邮件，请按照我们的文档中的步骤启用电子邮件通知此线程的通知。

如何验证级联选择列表？

0 个其他答案