if else条件与表输入字段

时间:2017-01-17 06:05:23

标签: jquery html css

我有一个jQuery代码表,通过if else条件与固定值进行一些比较后显示错误消息,但它不起作用,我希望if else条件具有表输入类型值。

任何人都可以检查一下这个&让我知道出了什么问题?谢谢。

<script type="text/javascript">
    $(function () {
    $('.pnm, .price, .subtot, .widtot, .perm, .tottot, .vol, .tot, .vols, .widths, .depths, .heights, .acts, .heitot').prop('readonly', true);
    var $tblrows = $("#tblProducts tbody tr");
    $tblrows.each(function (index) {
    var $tblrow = $(this);
    $tblrow.find('.width, .carton, .depth, .height, .act, .tot, .vol, .perm').on('change', function () {
    var height = $tblrow.find("[name=height][type=number][min=0]").val();
    var subCalc  =  parseFloat(height);
    if (!isNaN(subCalc)) {
    $tblrow.find('.calcheight').val(subCalc.toFixed(5));
    var calcTotal = 0;
    $(".calcheight").each(function () {
    var stval = parseFloat($(this).val());
    calcTotal += isNaN(stval) ? 0 : stval;
    });
    $('.heitot').val(calcTotal.toFixed(5));
    }
    }); 
    }); 
    });
</script>

<table id="tblProducts">

<script type="text/javascript">
    var sp = $('#sellingprice').val() | 0;
    if (sp >= 2.38) {
        <?php echo "error with 20 STD and error with 40 STD"; ?>
    }
    else if (sp >= 2.69){
        <?php echo "error with 40 HC"; ?>
    }
   else 
   {
  <?php echo ""; ?>
  }
</script>
<tbody>
  <tr>
    <td><input type="text" class="pnm" value="First One" name="pnm" style="width:120px" /></td>

    <td><input type="number" oninput="validity.valid||(value='');" id="sellingprice" class="height" value="0" name="height" min="0" maxlength="5" style="width:100px"/></td>       
    <td><input type="number" class="calcheight" value="" name="calcheight" style="width:100px" readonly/></td> 
    </tr>
    <tr>
    <td><input type="text" class="pnm" value="Second One" name="pnm" style="width:120px" /></td>

    <td><input type="number" oninput="validity.valid||(value='');" id="sellingprice" class="height" value="0" name="height" min="0" maxlength="5" style="width:100px"/></td>
     <td><input type="number" class="calcheight" value="" name="calcheight" style="width:100px" readonly/></td> 
    </tr>
 </tbody>
<tfoot>
    <tr>
     <td></td>
    <td></td>
    <td><input type="number" class="heitot" value="" name="" style="width:100px" readonly/></td>
    </tr>
</tfoot>
</table>

1 个答案:

答案 0 :(得分:0)

你有一个在JavaScript函数中运行的PHP代码,除非你在服务器端做一些古怪的事情,否则你不会做你想做的事情。相反,请将这些<?php echo ... ?>行更改为alert(...),至少要对其进行测试。

其次,你有:

var sp = $('#sellingprice').val() | 0;

您想要更改单|或双||。单|是二进制“或”,不是逻辑“或”:

var sp = $('#sellingprice').val() || 0;