vue.js 在多个表单条件下进行验证的问题

ozxc1zmp 于 2023-01-17 发布在 Vue.js

关注(0)|答案(1)|浏览(150)

我正在尝试测试验证条件，
this.postalCode == '' || this.countryName === '' || this.floorRoom == '' || this.newCustomerName == '' || this.streetAddress == '' || this.cityTown == '' || this.province == ''
我还有country_other和province_other
country_other和province_other只能在countryName作为Other提供且省隐藏时存在，默认情况下，它们被声明，因此不会以未定义结束。
我需要修改wat conditions以检查是否在国家中选择了其他，填写并验证country_other和province_other，在其他情况下，如果国家选择为加拿大，则country_other和province可以为空，因为province加载下拉菜单以选择省份
我尝试的代码是以上

vue.js

来源：https://stackoverflow.com/questions/75141636/the-issues-with-validation-on-multiple-form-conditions

1条答案

按热度按时间

t3psigkw1#

这将检查countryName是否为“其他”，如果是，它将检查country_other和province_other字段是否不为空。如果国家不是“其他”，它将检查province字段是否不为空。这样，当用户选择“其他”作为countryName时，您确保填写country_other和province_other字段，并且在这种情况下不需要省份字段，并且如果countryName不是“其他”，则需要省字段。

const isOtherCountry = this.countryName === 'Other';

if (this.postalCode == '' || this.countryName === '' || this.floorRoom == '' || this.newCustomerName == '' || this.streetAddress == '' || this.cityTown == '' || (!isOtherCountry && this.province == '') || (isOtherCountry && (this.country_other == '' || this.province_other == ''))){
  // validation failed
} else {
  // validation succeeded
}

赞(0）回复(0）举报 2023-01-17

我来回答

vue.js 在多个表单条件下进行验证的问题

1条答案

相关问题

热门标签

最新问答