检查所有必需的表单元素是否都具有值的简单方法

时间:2019-09-25 16:53:27

标签: jquery

我有一个页面托管用户动态生成的表单。我不知道按名称类型划分的字段,但是在提交页面之前,需要一种检查所有必填字段是否具有值的方法。我当时想运行一个循环来检查每个必需的元素,但是由于某些元素可能具有多个具有相同名称的字段,因此我不确定是否可以执行以下操作:

$("[required=required]").each(function() {
   var nm = $(this).attr("name"),
       ok = 0;

   if (nm.val()) {
      ok = 1;
   }
});

1 个答案:

答案 0 :(得分:0)

 // Only for checkbox

   $("input[type='checkbox'][required=required]").each(function() {
           var ok = 0;
     if ($(this).prop('checked')==true){ 
         var ok = 1;
    }
    });

//For checkbox and radio 

    $("input[type='radio'][required=required],input[type='checkbox'][required=required]").each(function() {
           var ok = 0;
     if ($(this).prop('checked')==true){ 
         var ok = 1;
    }
    });

//for textarea
$("textarea[required=required]").each(function() {
           var ok = 0;
     if ($(this).val().length>0 && typeof $(this).val() !="undefined"){ 
         var ok = 1;
    }
    });

// for all type of inputs

 $("[required=required]").each(function() {
           var ok = 0;
// write validation for input tupe text

//write validation for input tupe number

//write validation for textarea

// write validation for select


// write validation for check box

//write validation for radio button

//write validation for any other input 

    });