JSFiddle - React, Tailwind, and code Playground
by godhong
HTML
//begin the form validation process
$.validator.addMethod(
"apptiming",
function(value, element) {
if (element.value == "")
{
return false;
}
else return true;
},
"Please choose a application timing."
);
$("#form1").validate({
submitHandler:function(form) {
SubmittingForm()
},
rules: {
chemical_name: "required", // simple rule, converted to {required:true}
Scenarios:"required",
NOA:"required",
Unit:"required",
Apt:{apptiming:true,
},
DayRe:"required",
Ap_m:"required",
Ar:"required",
//2 application
Apt2:{apptiming:true,
},
DayRe2:"required",
Ap_m2: {required:true,
equalTo: "#id_Ap_m"
},
Ar2:"required",
//3 application
Apt3:"required",
DayRe3:"required",
Ap_m3: {required:true,
equalTo: "#id_Ap_m2"
},
Ar3:"required",
//4 application
Apt4:"required",
DayRe4:"required",
Ap_m4:...