Как использовать ajax в моей форме?

Question

У меня есть калькулятор имен на моем веб-сайте, и он вычисляет вибрации каждой буквы, например A - это вибрация 1, B - 2, C - 3 и т. Д. Прямо сейчас, когда я печатаю имя в форме, я должен нажмите кнопку расчета, так что программа вычисляет сумму всех букв и показывает полную вибрацию

Но я хочу, чтобы форма вычисляла вибрацию имени на лету, когда вы печатаете ее в форме и без необходимо нажать кнопку, чтобы вычислить общую сумму вибраций в конце

Answer 1

Не нужно использовать AJAX. Если у вас есть некоторые функции calculate(), вы можете просто собрать все текстовые входы и связать слушатель событий для них, как

function calculate() { //code } 
var inputs = $('input[type="text"]); 
inputs.on('keyup', calculate()); 

С помощью этого кода, каждый раз любой ключ в любом целенаправленном вводе текста, функция будет работать , Вы также можете рассмотреть keydown или keypress событиями вместо keyup.

Answer 2

использования функция нажатия на JQuery в

$("input").keypress(function(){ 
    //on each keypress in input this function will be executed, calculate your vibration for letters here and append the result in the result field 
}); 

Keypress