javascript - 使用 Yii 2 中的 js 函数将 textInput 值添加到另一个文本输入

Question

我只是想将文本输入字段的值添加到另一个字段中:http://jsfiddle.net/MaK2k/1/

我的表单代码:

    <?php
        $script = <<< JS
            $('#amount_value_id').keyup(function(){
                var amountSum=0;
                $('#amount_value_id').each(function(){
                    if (this.value != "")
                        amountSum+=parseInt(this.value);
                });
                // alert('foo');
                $("#totalamount").text(amountSum);
                //console.log(amountSum);

            });
        JS;
        $this->registerJs($script);
    ?>
<?php $form = ActiveForm::begin(["id" => "project-form"]); ?>

  <?php foreach ($project as $i => $project) { ?>

     <div class="col-lg-2 col-md-3" id="amount_value_id">
                                    <?= $form->field($project, "[{$i}]amount")->textInput(); ?>
                                </div>

                                  <?php } ?>

                                    <div class="col-lg-2" id="totalamount">
            <?php echo $form->field($model, 'total_amount')->textInput(['maxlength' => 128, 'id' => 'totalamount']) ?>
        </div>

在文本中，应保存总金额的总金额输入给出 NaN! .我在做什么？？

Answer 1

我测试了你的jsfiddle。当您输入数字值时，一切都是正确的，但是当您输入文本值时，它给出“NaN”。这是显而易见的，因为您正在使用 parseInt()。当您在输入字段中输入“test”之类的文本时，您的代码会尝试将“text”字符串转换为整数值，因此结果为 NaN。此问题的解决方法是阻止用户输入非数字值。另一个解决方案是使用 javascript isNaN()功能。 isNaN() 检查非法数字值。