我想以 boostrap 的風格顯示輸入錯誤。 引導程序錯誤 但是當我使用此代碼時let $emailContainer = $('[data-coffee-role="email-container"]');$emailContainer.validate().showErrors({'email':'Email already exists'});我以這種方式顯示錯誤。我如何以這種方式顯示我的錯誤?html <div class="card"> <div class="card-body"> <form data-coffee-order="coffee"> <div class="form-group"> <label for="coffeeOrder">Coffee order</label> <input id="coffeeOrder" type="text" class="form-control" name="coffee" autofocus required> </div> <div class="form-group" data-coffee-role="email-container"> <label for="email">Email</label> <input id="email" type="email" class="form-control" name="email" placeholder="[email protected]" required> </div> <button type="submit" class="btn btn-outline-secondary">Submit</button> <button type="reset" class="btn btn-outline-secondary">Reset</button> </form> </div> </div>JS FormHandler.prototype.addHandler = function(fn, check){ this.$formElement.on('submit', function (event) { event.preventDefault(); const data = {}; $(this).serializeArray().forEach(item => data[item.name] = item.value); if(check(data.email)){ let $emailContainer = $('[data-coffee-role="email-container"]'); $emailContainer.validate().showErrors({'email':'Email already exists'}); return; } fn(data); }) }
以引導程序樣式顯示自定義驗證錯誤
江戶川亂折騰
2021-06-01 09:23:35