使用带有静态前缀的javascript访问html选择框

使用带有静态前缀的javascript访问html选择框,javascript,html,validation,Javascript,Html,Validation,我有多个具有相同字符串前缀的不同html输入。我希望重用输入进行验证,并创建可重用的验证语句。诸如此类: var input_name="oil_level"; if(document.myform.input_name+"_pretrip".value=="" || document.myform.input_name+"_posttrip".value=="") { alert("Please enter oil level value!"); form_ok =

我有多个具有相同字符串前缀的不同html输入。我希望重用输入进行验证,并创建可重用的验证语句。诸如此类:

 var input_name="oil_level";

 if(document.myform.input_name+"_pretrip".value=="" || document.myform.input_name+"_posttrip".value=="")
 {
     alert("Please enter oil level value!");
     form_ok = false;
 }
我正在尝试连接输入\名称+“\ pretrip”,其中“\ pretrip”是静态字符串前缀,这样我就可以对输入\名称变量使用不同的值并重用此代码

感谢您的帮助。

在这种情况下,使用括号表示法(方括号)访问对象属性:

document.myform[input_name + "_pretrip"].value == ""
在MDN上阅读很好: