Как изменить поле проверки почтового индекса на Wix? - PullRequest
Новая
       111

Как изменить поле проверки почтового индекса на Wix?

0 голосов
/ 08 мая 2020

Вот код, который я использую сейчас, который любезно предоставил друг. 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script type="text/javascript">
    $(document).ready(function(){
        $(".resultMessage").hide();
        $("#processPostalCoord").click(function(){
            $(".resultMessage").hide();
            var inputValue = $('#postalCoord').val();
            if($.isNumeric(inputValue)){
                  if(inputValue < 5000 && inputValue > 3999){
                      $("#success").show();
                  }
                  else $("#failure").show();
              }
        });
    });
</script>
<style type="text/css">
    #iframeContainerG{
        width:80%;
        height: 100%;
        justify-content: center;
        margin: 0px 10%;
        display: flex;
        flex-direction: column;
        font-family: 'Roboto', sans-serif;
    }
    #iframeContainerG input[type="number"]{
          border: 1px solid #ccc;
          background: #FFF;
    }
    #processPostalCoord{
         cursor: pointer;
          background: #4CAF50;
          border: none;
          color: #FFF;
          font-size: 15px;
    }
    .inputIframeItem{
        width : 80%;
          margin: 0px 10% 5px 10%;
          padding: 10px;
    }
    .resultMessage{
        width:60%;
        margin:15px 0 20px 20%;
        padding:10px;
        text-align: center;
        border-radius: 5px;
    }
    #success{
        background: lightgrey;
    }
    #failure{
        background: #D98880;
    }
    .containerItem{

    }
</style>
<div id="iframeContainerG">
    <input type="number" class="containerItem inputIframeItem" name="postalCoord" id="postalCoord" min="4000" max="4999">
    <input type="button" class="containerItem inputIframeItem" name="processPostalCoord" id="processPostalCoord" value="Vérifier">
    <div id="success" class="containerItem resultMessage" name="success">Nous livrons dans votre commune !</div>
    <div id="failure" class="containerItem resultMessage">Malheureusement nous ne livrons pas encore dans cette commune</div>        
</div>

Я хочу, чтобы в текстовом поле был текст «Почтовый индекс», который go исчезнет при вводе, поле будет иметь максимум 4 числа, разрешенных внутри, и только числа от 0 до 9 внутри поля (на данный момент я могу вводить "e" и "." внутри поля)

Я бы хотел исключить некоторые числа в пределах минимального и максимального значений, возможно, в конечном итоге добавит несколько чисел за пределами этого диапазона, это не должно быть слишком сложно, но я никогда не кодировал ничего, кроме ПЛК.

Также я бы добавил маленькая кнопка, которая попросит вас узнать ваше местоположение, например, через api геолокации Google и автоматически ввести почтовый индекс, указанный в поле, насколько это сложно и можно ли это сделать на веб-сайте Wix?

Примечание: I все почтовые индексы, которые мы доставляем, сохранены в виде файла .csv и загружены в базу данных веб-сайта также из предыдущих попыток создания этого ящика.

Большое спасибо за любой Ответьте заранее!

...