检查有效的 5 位和 6 位邮政编码

Question

我能够根据 6 位邮政编码自动填充州、城市和地区。当我想检查从第 5 位开始的邮政编码的有效性时，问题就出现了。我知道它会在我比较时显示无效的邮政编码错误对数据库值的值..这是我使用的代码。 有没有办法我可以在第 5 位之后隐藏无效邮政编码的错误，同时在第 5 位邮政编码之后仍然继续验证？

<script>
    require([
        'jquery'
    ],function($){
        $(document).ready(function(){
            $('#seller_zipcode').keyup(function() {
                pincode = $('#seller_zipcode').val();
                pincode1 = $('#seller_zipcode').slice(0,-1);
                //pincode1 = pincode.slice(0,-1);
                //console.log(pincode1);
                if(pincode.length == 6 || pincode1.length == 5){
                    $.ajax({
                        type: 'POST'
                        ,url: "<?php echo $block->getUrl('marketplace/zipcode/zipcode');?>"
                        ,data: {pincode : pincode}
                        ,success: function(result){
                            var finalresult = $.parseJSON(result);
                            console.log(finalresult);
                            if(finalresult.state != null){
                                $('#state').val(finalresult.state);
                                $('#seller_district').val(finalresult.district);
                                $('#seller_taluka').val(finalresult.area);
                                $('#zip_error').removeClass('mage-error');
                                $('#zip_error').removeAttr('generated');
                                $('#zip_error').html("");
                            }
                            else{
                                $('#state').val("");
                                $('#seller_district').val("");
                                $('#seller_taluka').val("");
                                $('#zip_error').removeClass('mage-error');
                                $('#zip_error').addClass('mage-error').html("Zip Code invalid").show();
                                $('#zip_error').attr('generated','true');
                            }
                        }
                    });
                }
            });

Answer 1

尝试这样做：

<script>
    require([
        'jquery'
    ],function($){
        $(document).ready(function(){
            $('#seller_zipcode').keyup(function() {

                //Reset the zip error
                $('#zip_error').removeClass('mage-error');
                $('#zip_error').removeAttr('generated');
                $('#zip_error').html("");


                pincode = $('#seller_zipcode').val();
                pincode1 = $('#seller_zipcode').slice(0,-1);
                //pincode1 = pincode.slice(0,-1);
                //console.log(pincode1);
                if(pincode.length == 6 || pincode1.length == 5){
                    $.ajax({
                        type: 'POST'
                        ,url: "<?php echo $block->getUrl('marketplace/zipcode/zipcode');?>"
                        ,data: {pincode : pincode}
                        ,success: function(result){
                            var finalresult = $.parseJSON(result);
                            console.log(finalresult);
                            if(finalresult.state != null){
                                $('#state').val(finalresult.state);
                                $('#seller_district').val(finalresult.district);
                                $('#seller_taluka').val(finalresult.area);
                                $('#zip_error').removeClass('mage-error');
                                $('#zip_error').removeAttr('generated');
                                $('#zip_error').html("");
                            }
                            else{
                                $('#state').val("");
                                $('#seller_district').val("");
                                $('#seller_taluka').val("");
                                $('#zip_error').removeClass('mage-error');
                                $('#zip_error').addClass('mage-error').html("Zip Code invalid").show();
                                $('#zip_error').attr('generated','true');
                            }
                        }
                    });
                }
            });