Как написать обработчик для этих зачений?

Question

[RushV]

Здравствуйте!
Я только изучаю программирование прошу не ругать сильно.
Как написать обработчик для этих значений отправка значения на почту:
Набираемые символы выводятся на этом поле:

<div class="form-horizontal">
					  <input type="tel" class="numberField form-control" id="numberField">
						<div class="numbersGrid">
						  <div class="numbersCol"><button class="numberButton" data-symbol="1">1</button></div>
						  <div class="numbersCol"><button class="numberButton" data-symbol="2">2</button></div>
						  <div class="numbersCol"><button class="numberButton" data-symbol="3">3</button></div>
						  <div class="numbersCol"><button class="numberButton" data-symbol="4">4</button></div>
						  <div class="numbersCol"><button class="numberButton" data-symbol="5">5</button></div>
						  <div class="numbersCol"><button class="numberButton" data-symbol="6">6</button></div>
						  <div class="numbersCol"><button class="numberButton" data-symbol="7">7</button></div>
						  <div class="numbersCol"><button class="numberButton" data-symbol="8">8</button></div>
						  <div class="numbersCol"><button class="numberButton" data-symbol="9">9</button></div>
						  <div class="numbersCol"><button class="numberButton" data-symbol="*">*</button></div>
						  <div class="numbersCol"><button class="numberButton" data-symbol="0">0</button></div>
						  <div class="numbersCol"><button class="numberButton" data-symbol="#">#</button></div>
						</div>

						<a href="" id="call" class="call">ОТПРАВИТЬ</a>
					</div>

Answer 1

[Алексей Скобкин]

Никак. Здесь ничего не отправляется из формы. У вас даже кнопка отправки формы некорректная.

Начните с изучения HTML чтобы понять, какие элементы (а точнее, какие атрибуты или содержимое каких элементов) отправляются на сервер при отправке формы.

Если же вы пытаетесь отправить данные через AJAX, то разбирайтесь с JavaScript.

Comments

[RushV]

JS код есть но я PHP не понимаю вообще:

$(document).ready(function() {
$(() => {
	
  class Call {
  	constructor () {
    	this.elements = {
      	numberButtons: $('.numberButton'),
        numberField: $('#numberField'),
        call: $('#call')
      };
      
      this.init();
    }
    
    init () {
    	this.bindEvents();
    }
    
    // Обработка клика по кнопке с символом
    onClickSymbol (event) {
		var el = $(event.currentTarget);
        var symbol = el.data('symbol');
      
        var val = this.elements.numberField.val();
        var newVal = val + symbol;
      
      this.elements.numberField.val(newVal);
      this.setTelNumberInCall(newVal);
      
    }
    
    // Обработка по вводу в поле
    onInput (event) {
    	var value = this.elements.numberField.val();
    
    	this.setTelNumberInCall(value);
    }
    
    // Установить значение с телефоном в кнопку вызова
    setTelNumberInCall (value) {
    	var telFormat = `tel:${value}`;
      
    	this.elements.call.attr('href', telFormat);
    }
    
    // Отправить номер на сервер
    sendNumber (number) {
    	$.ajax({
        url: 'action.php', // Куда отправить
        type: 'default GET (Other values: POST)', // Каким методом
        dataType: 'json',
        data: {
        	number
        }
      })
      .done(() => console.log("success"))
      .fail(() => console.log("error"));
    }
    
    // Навешивание событий
    bindEvents () {
    	// Клик по символам
    	this.elements.numberButtons.on('click', (event) => {
      	this.onClickSymbol(event);
      });
      
      // Ввод в поле
      this.elements.numberField.on('input', (event) => {
      	this.onInput(event);
      });
    }
  }
  
  var call = new Call();
  
});
});

Я попытался что то сам сделать без результатно
Заранее благодарю!

[Алексей Скобкин]

RushV,
1. Начните с чтения документации по соответствующей теме.
2. Попробуйте ещё раз.
3. Если не получается - когда задаёте вопрос пишите по формуле "я хочу сделать A, делаю B, хочу получить C, а получаю D" с подробным описанием ошибок и прочим.

Если начнёте действительно с документации о том, на чём вы пишете, то, например, заметите, что у вас в вызове jQuery.ajax() некорректное значение свойства type у объекта в параметре settings. Да и data там несколько странное значение принимает.

[RushV]

Не получилось сделать что делать теперь не знаю вот создал вопрос:
Как отправить значения из input на почту?

[Алексей Скобкин]

RushV, Ответил там. Но всё равно вам необходимо научиться читать документацию и понимать, о чём в ней идёт речь. Причём не урывками, а по возможности начинать с описания базиса для каждого языка, на котором пишете. Потому что вы пишете код даже у себя в голове не представляя как он должен работать.

[RushV]

У вас талант я хочу научиться но видать уже не получиться.
Документация то есть но я бы хотел увидеть визуально может так пойму работу кода, как взять переменную скрипта и внедрить в php и отправить это значение на почту
увидеть как это работает реале.
Вы уж извините что я пишу глупости беспокою вас.

[Алексей Скобкин]

RushV, Это не талант, это годы опыта.
Для того чтобы понять работу кода нужно почитать о том, как работает язык.
Так как на PHP, в отличие от JavaScript в основном не асинхронный, понять его работу несколько проще.
Для того чтобы сделать задачу "из JavaScript со странички передать данные в PHP скрипт" нужно:
1. Разобраться как на JavaScript читать данные из элементов HTML и форм. Я вам в другом вопросе писал исключительно про проблемы вашей серверной стороны. Скорее всего, в коде на JavaScript проблем не меньше.
2. Разобраться как делать AJAX-запросы на сервер.
3. Понять какие есть варианты передачи параметров на сервер (query в GET-запросе, параметры в POST-запросе, JSON в теле POST-запроса, и т.п.)
4. Определиться какой способ передачи параметров вам нужен.
5. Понять, как нужно получать данные на серверной стороне (PHP) для выбранного типа передачи данных из JS.

Если вы просто будете пытаться наугад копировать примеры из интернета, то вероятность, что к вашей задаче они подойдут не очень велика. Модифицировать под свои нужды вы их нормально не сможете, так как не понимаете, как они работают.
Поэтому нужно работать над пониманием. Первое время придётся много почитать про HTTP, HTML, JavaScript, PHP.