Дима Паутов

С учётом того, что значение в поле может появляться различными путями (животворящая копипаста, перетаскивание и пр.), рекомендуется значения текстовых полей контролировать с помощью события input.
Кстати, про ввод символов с помощью Alt+XXXX помним?
Пример

PHP
PHP. The Right Way
Сборник советов и фактов по оптимизации PHP-скриптов
40 советов по оптимизации вашего PHP-кода
github.com/ziadoz/awesome-php

JavaScript
JavaScript. The Right Way
JavaScript. Оптимизация: опыт, проверенный временем
24 совета javascript-разработчику
superherojs.com
github.com/sorrycc/awesome-javascript

HTML, CSS
HTML CSS: The Right Way
Советы front-end разработчику
Руководство по оформлению HTML/CSS кода от Google

попробуйте так:

el.change(function(){
      var numberNew = 5,
            n= 3;
    		if(numberNew % n ){ // Если число не кратно n
    			alert('Число должно быть кратно штукам в упаковке!');
    		}
    	});

Если ваша задача не заключается исключительно в генерации спагетти-кода, то лучше использовать объектную нотацию. По многим причинам, начиная от организации приватных переменных и функций, и заканчивая чистотой глобального контекста и невозможностью нарваться на аналогичные имена другого спагетти-мастера (он же namespace).

Обычно для организации объекта используют паттерны. Самый часто используемый (но далеко не единственный) — Модуль.

Не нужно центрировать текст паддингом сверху. Для этого есть нормальное решение.

input {
  line-height: 30px; // высота инпута
  padding: 0 15px;  // отступы по бокам
}

Можно напрямую указать this

var myObject = {
	prop1: function () {
		console.log('Анимация прошла!');
	},
	prop2: function () {
		$('div').animate({
			opacity: 0.25
		}, 100, function () {
			this.prop1();
		}.bind(this));
	}
}

myObject.prop2();

А вот вам использование паттерна «Модуль»

var myObject = function () {
	/*А тут можно много чего приватного создать*/
	var _class = {
		prop1: function () {
			console.log('Анимация прошла!');
		},
		prop2: function () {
			$('div').animate({
				opacity: 0.25
			}, 100, function () {
				_class.prop1();
			});
		}
	};

	return _class;
}();

myObject.prop2();

Emmet - ускоряет формирование html.
SASS, LESS, Stylus - CSS препроцессоры (также есть постпроцессоры).
Gulp, Grunt, Webpack - помогают собирать проекты. По сути менеджеры задач по компиляции sass, less, coffee и т.д. и сборки этого всего в пару файлов.
Для ускорения верстки также порекомендовал бы использовать CSS фреймворки типа Bootstrap, Foundation. Но не злоупотреблять стилями по-умолчанию =)

Можно было самостоятельно посмотреть стили меню
htmlbook.ru/css/transition

https://github.com/colshrapnel/safemysql

Отвечу на вопросы, которые остались без ответа

1. На случай, если никто не умрет, получив сообщение с пустой ячейкой "Телефон", оставляем код как есть.
2. На случай, если умрет и полей будет десяток

$fields = array(
    'name'  => 'Имя',
    'phone' => 'Телефон',
    // ...
); 
$message = '<table>';
foreach ($fields as $key => $title)
{
    if ($value = trim($_POST[$key]))
    {
        $message .= "<tr><td>$title:</td><td>$value</td></tr>";
    }
}
$message .= '</table>';

???
if ???

Ответ легко ищется поисковиком.

animation-iteration-count:infinite;
-moz-animation-iteration-count:infinite;
-webkit-animation-iteration-count:infinite;

jQuery

$(function () {
	$('[href*="/ne/browse-pages"]').text('Sponsorship');
});

Native JS

document.addEventListener('DOMContentLoaded', function () {
	var link = document.querySelector('[href*="/ne/browse-pages"]');

	if (link) {
		link.innerHTML = 'Sponsorship';
	}
}, false);