javascript验证HTML表单中的x个字段

应用 class 到元素(我的代码使用类 check 像这样:

<input type="text" name="b1" class="check" />

以及下面的jquery代码,它将只使用 检查 类。

$('#myformid').submit(function(){
    $(':input.check').each(function(){
        field = $(this);
        valInt = parseInt(field.val()); // value as an integer

        if (isNaN(valInt) || (valInt < 1 || valInt > 99)) // displays an error if the val is < 1 or > 99
             alert('Error in the field ' + field.attr('name') + ': must be number from 1-99'); // change this to whatever you want the form to do if there's an error
    });
});

基本上,它的作用是:当表单被提交时,它将遍历您希望它访问的每个字段(表示为 :input.class 用正确的类捕获每个字段)并检查它是否是(a)数字,(b)小于1或大于99。如果它是一个数字并且超出范围,它会提醒用户一个错误。你可以改变 alert() 通知您希望表单具有的任何错误管理。