如何使用JavaScript进行验证

如何使用JavaScript进行验证,javascript,jquery,html,Javascript,Jquery,Html,我制作了一个表格,在这里我必须输入一些值来计算某些值的平均值。我有一个提交按钮,用于提交表单并将值存储到数据库中 当我没有输入任何数据并提交表单时,0个值被存储到数据库中。因此,我必须验证每个文本框。如何使用JavaScript实现这一点 函数calcAvg(输入id、输出id、附件id){ //使用“class=”选择“获取所有元素” var selects=document.getElementsByClassName(输入\u id); //初始化变量 var平均值=0; var计数=0

我制作了一个表格,在这里我必须输入一些值来计算某些值的平均值。我有一个提交按钮,用于提交表单并将值存储到数据库中

当我没有输入任何数据并提交表单时,0个值被存储到数据库中。因此,我必须验证每个文本框。如何使用JavaScript实现这一点

函数calcAvg(输入id、输出id、附件id){
//使用“class=”选择“获取所有元素”
var selects=document.getElementsByClassName(输入\u id);
//初始化变量
var平均值=0;
var计数=0;
var等级=0;
//计算平均数
对于(变量i=0;i=80)
等级=‘高’;
否则如果(平均值>=60&&avg<80)
等级=‘中等’;
否则如果(平均值>=40&&avg<60)
等级=‘低’
其他的
等级=‘不适用’
//平均产量
document.getElementById(att_id).value=grade;
}

获得PO(PO-CO映射)
模块名称
方案成果
PO1
PO2
数学
科学
采购订单平均值
PO成就

该问题可能会帮助您解析输入并检查输入是否为数字和正数。或者对代码进行一些修改:

//Calculate average
for (var i = 0; i < selects.length; i++) {
  if (selects[i].value == "") {
      // Alert if one of inputs is null
      alert("Cannot be empty");      
  }
  else {
    count++;
    avg += Number(selects[i].value);
    //Alert for debugging purposes
    //alert(selects[i].value+" "+avg);
  }
}
//计算平均值
对于(变量i=0;i
或者使用HTML5,您可以对输入本身使用reuired属性:


该问题可能会帮助您解析输入并检查输入是否为数字和正数。或者对代码进行一些修改:

//Calculate average
for (var i = 0; i < selects.length; i++) {
  if (selects[i].value == "") {
      // Alert if one of inputs is null
      alert("Cannot be empty");      
  }
  else {
    count++;
    avg += Number(selects[i].value);
    //Alert for debugging purposes
    //alert(selects[i].value+" "+avg);
  }
}
//计算平均值
对于(变量i=0;i
或者使用HTML5,您可以对输入本身使用reuired属性:


您可以将一个公共类设置为必填字段,然后创建一个新函数来检查它们是否为空或=0,并在submit按钮
onclick
事件上调用它

请参见下面的示例:

函数calcAvg(输入id、输出id、附件id){
//使用“class=”选择“获取所有元素”
var selects=document.getElementsByClassName(输入\u id);
//初始化变量
var平均值=0;
var计数=0;
var等级=0;
//计算平均数
对于(变量i=0;i=80)
等级=‘高’;
否则如果(平均值>=60&&avg<80)
等级=‘中等’;
否则如果(平均值>=40&&avg<60)
等级=‘低’
其他的
等级=‘不适用’
//平均产量
document.getElementById(att_id).value=grade;
}
函数validateForm(){
var required=document.getElementsByClassName('required');
对于(变量i=0;i

获得PO(PO-CO映射)
模块名称
方案成果
PO1
PO2
数学
科学
采购订单平均值
PO成就


您可以将一个公共类设置为必填字段,然后创建一个新函数来检查它们是否为空或=0,并在submit按钮
onclick
事件上调用它

请参见下面的示例:

函数calcAvg(输入id、输出id、附件id){
//使用“class=”选择“获取所有元素”
var selects=document.getElementsByClassName(输入\u id);
//初始化变量
var平均值=0;
var计数=0;
var等级=0;
//计算平均数
对于(变量i=0;i=80)
等级=‘高’;
否则如果(平均值>=60&&avg<80)
等级=‘中等’;
否则如果(平均值>=40&&avg<60)
等级=‘低’
其他的
等级=‘不适用’
//平均产量
document.getElementById(att_id).value=grade;
}
函数validateForm(){
var required=document.getElementsByClassName('required');
对于(变量i=0;i

A.