рони,
тогда еще добавить и удаление не цифрового ввода.

и кнопочки

<button>-</button><input id="val_a"/><button>+</button>

:)

laimas, :)
ввод в инпут только цифрами, точкой, запятой, минусом

ввод только числа

рони, ну понятно, что не проблема.

j0hnik,
кнопки не рационально в данном случае, быстрее ручной ввод

рони,
Круто! Работает во всех браузерах и с точкой и с запятой + округляет именно так как мне нужно.
А чтобы исключить минусовые значения <0, нужно вставлять проверку if или можно ещё код усовершенствовать?

Просто берите абсолютные значения.

MC-XOBAHCK,

a = $('#val_a').val().trim().replace(/,/,'.').replace(/[^\d\.]/g,'');	//Длина прямоугольника
  b = $('#val_b').val().trim().replace(/,/,'.').replace(/[^\d\.]/g,'');;	//Ширина прямоугольника

Спасибо всем кто принимает участие в теме, код и за ссылки на инфу! С этим вопросом вроде как освоился.

Если не напрягает продолжение темы, можете подсказать на более философский вопрос:
как правильно организовать логику выбора ввода данных в метрах или в миллиметрах.
Планирую поставить кнопки для выбора ввода в метрах или в миллиметрах. По умолчанию берём в метрах.

<button class="btn" id="m">В метрах</button>
<button class="btn" id="mm">В миллиметрах</button>

Макет полей калькулятора:

<div>
   <h4>Прямоугольник</h4>
   <p>Длина прямоугольника: <input id="val_a"  /></p>
   <p>Ширина прямоугольника: <input id="val_b" /></p>
  <div>Площадь прямоугольника:<span id="pls"></span> м.кв.</div>
</div>

Я правильно рассуждаю, что на кнопки для выбора ввода в метрах или в миллиметрах нужно повесить скрипт который будет изменять id в инпутах? А уже по изменённым инпутам делать в скрипте конвертацию из миллиметров в метры?

Или подобный манёвр нужно делать другим методом??

При любом типе ввода в результате будут метры квадратные.

просто дели на 1млн. результат.
переключатель радиобатоном я бы сделал.