Цикл через поля ввода для проверки с использованием jQuery каждый()
Я делаю форму и хотел бы, чтобы код выполнялся только в том случае, если входные значения являются числами. Я пытаюсь избежать использования какого-то плагина проверки и задавался вопросом, есть ли способ перебирать поля ввода и проверять значения.
Я пробовал следующее, Но я думаю, что моя логика неверна:
(#monthlyincome-идентификатор формы)
$("#submit").click(function() {
$("#monthlyincome input").each(function() {
if (!isNaN(this.value)) {
// process stuff here
}
});
});
какие идеи?
Это все обновляется код:
$("#submit").click(function() {
$("#monthlyincome input[type=text]").each(function() {
if (!isNaN(this.value)) {
// processing data
var age = parseInt($("#age").val());
var startingage = parseInt($("#startingage").val());
if (startingage - age > 0) {
$("#field1").val(startingage - age);
$("#field3").val($("#field1").val());
var inflationyrs = parseInt($("#field3").val());
var inflationprc = $("#field4").val() / 100;
var inflationfactor = Math.pow(1 + inflationprc, inflationyrs);
$("#field5").val(inflationfactor.toFixed(2));
var estyearlyinc = $("#field6").val();
var inflatedyearlyinc = inflationfactor * estyearlyinc;
$("#field7").val(FormatNumberBy3(inflatedyearlyinc.toFixed(0), ",", "."));
var estincyears = $("#field2").val();
var esttotalinc = estincyears * inflatedyearlyinc;
$("#field8").val(FormatNumberBy3(esttotalinc.toFixed(0), ",", "."));
var investmentrate = $("#field9").val() / 100;
var investmentfactor = Math.pow(1 + investmentrate, inflationyrs);
$("#field10").val(investmentfactor.toFixed(2));
var currentsavings = $("#field11").val();
var futuresavings = currentsavings * investmentfactor;
$("#field12").val(FormatNumberBy3(futuresavings.toFixed(0), ",", "."));
//final calculations
var futurevalue = (1 * (Math.pow(1 + investmentrate, inflationyrs) - 1) / investmentrate);
var finalvalue = (1 / futurevalue * (esttotalinc - futuresavings));
$("#field13").val(FormatNumberBy3(finalvalue.toFixed(0), ",", "."));
}
// end processing
}
});
});
FormatNumberBy3 является функцией для... форматирование чисел. :)
3 ответов
Ну тестирование здесь это работает просто отлично:
$(function() {
$("#submit").click(function() {
$("#myForm input[type=text]").each(function() {
if(!isNaN(this.value)) {
alert(this.value + " is a valid number");
}
});
return false;
});
});
на форме в таком виде:
<form method="post" action="" id="myForm">
<input type="text" value="1234" />
<input type="text" value="1234fd" />
<input type="text" value="1234as" />
<input type="text" value="1234gf" />
<input type="submit" value="Send" id="submit" />
</form>
переместите return false вокруг, как вы считаете нужным
Edit: ссылка на код sdded в форму OPs http://pastebin.com/UajaEc2e
на value
- это строка. Сначала вы должны попытаться преобразовать его в число. В этом случае простое унитарное +
сделает трюк:
if (!isNaN(+this.value)) {
// process stuff here
}
на основе Sondre (спасибо! Sondre) пример выше, я разработал образец в Fiddle, чтобы люди могли понять гораздо лучше реализовать
пример: Нажмите Здесь
$("#submit").on("click", function() {
var isValid = [];
var chkForInvalidAmount = [];
$('.partialProdAmt').each(function() {
if ($.trim($(this).val()) <= 0) {
isValid.push("false");
} else {
isValid.push("true");
}
if ($.isNumeric($(this).val()) === true) {
chkForInvalidAmount.push("true");
} else {
chkForInvalidAmount.push("false");
}
});
if ($.inArray("true", isValid) > -1) {
if ($.inArray("false", chkForInvalidAmount) > -1) {
$(".msg").html("Please enter Correct format ");
return false;
} else {
$(".msg").html("All Looks good");
}
} else {
$(".msg").html("Atlest One Amount is required in any field ");
return false;
}
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<form method="post" action="" id="myForm">
<input type="text" class="partialProdAmt" value="0" />
<input type="text" class="partialProdAmt" value="0" />
<input type="text" class="partialProdAmt" value="0" />
<input type="text" class="partialProdAmt" value="0" />
<input type="button" value="Send" id="submit" />
</form>
<div class="msg"></div>