Javascript验证每周/每周输入的小时数

时间:2013-05-19 12:04:08

标签: javascript jquery

我有一个HTML表单,允许用户输入“每周小时数”和“每年周数”的值。我们希望包括一个检查,以确保用户不输入超过可能的最大值的值 - 这将检查“每周的小时数”不超过168,并且“每年的周数”不超过52。

我已经有一个脚本根据输入前两个输入的值计算“每周平均小时数”,如下所示:

function calc(){

    $('#lastYear tr:has(.risk)').each(function(i,v){

        var $cel = $(v.cells);

        var $risk = $cel.eq(1).find('option:selected').val();
        var $numb = $cel.eq(2).find('input').val();
        var $weeks = $cel.eq(3).find('input').val();
        var $avg = ($numb * $weeks) / 52;
        var $avgRounded = Math.round( $avg * 10 ) / 10;

        $cel.eq(4).find('input').val($avgRounded);

    });   

我不知何故需要对此进行扩展以检查输入是否为有效值,并在输入无效值时显示包含某些文本的对话框。我已经设置jsFiddle here来演示表单。我正在学习Javascript,因为我现在正在学习这个Javascript。

更新:我添加了一些代码来检查小时数,但我现在陷入无限循环,它显示警告对话框但我点击确定,我得到相同的警报对话框。见updated jsFiddle

1 个答案:

答案 0 :(得分:1)

 var hour=document.getElementById('hour').value;
 var week=document.getElementById('week').value;

if(hour>168){alert ("error");return false;}
else if(week>52){alert ("error");return false;}
else{return true}