提问人：Paul Williams 提问时间：5/6/2015 更新时间：5/6/2015 访问量：128
如果“name”属性无效，如何识别表单？
How to Identify a Form if `name` Attribute is invalid?
问：
我有以下一行 HTML 代码来标识用于 JScript 目的的表单：
<form action="/form-to-email.php" method="post" name="helprequest" onsubmit="return validateHelpForm()">
但是，当我去验证网页（通过 W3C for XHTML Strict）时，我收到以下错误消息：
there is no attribute "name"
如果我有下面的 JScript 代码，我该如何识别我的表单。我应该忽略 W3C 验证吗？（这是唯一不能使它 W3C 有效并且以其他方式工作的东西）
// Text Field Validation
x1 = document.forms["helprequest"]["Name"];
x2 = document.forms["helprequest"]["Mailing_Address"];
x3 = document.forms["helprequest"]["Address_line2"];
x4 = document.forms["helprequest"]["City"];
x5 = document.forms["helprequest"]["State"];
x6 = document.forms["helprequest"]["ZipCode"];
x7 = document.forms["helprequest"]["Country"];
x8 = document.forms["helprequest"]["FromAddress"];
x9 = document.forms["helprequest"]["ProblemDescription"];
x12 = document.forms["helprequest"]["PhoneNumber"];
答：
2赞
collapsar
5/6/2015
#1
使用属性。只需确保它们的值在页面上保持唯一即可。id
如果要标识一组元素，请使用该属性。class
这两个属性都是通用的（= 可用于每个元素）。
不过，Javascript 需要调整：
function getElementByXpath(path) {
return document.evaluate(
path
, document
, null
, XPathResult.FIRST_ORDERED_NODE_TYPE
, null
).singleNodeValue;
}
x1 = getElementByXpath("/html/body//form[@id='helprequest']//*[@name='Name']");
// ... etc.
此方法只能应用于xml文档（我认为这在您的情况下不是问题，因为您用xhtml标记了问题;更多详细信息在这里）。
或者，你可以这样去做：
var e_form = document.getElementById("helprequest");
var a_inputs = e_form.getElementsByTagName("input");
for (var i=0; i <= a_inputs.length; i++) {
switch ( a_inputs[i].getAttribute("name") ) {
case "Name": x1 = a_inputs[i]; break;
case "City": x4 = a_inputs[i]; break;
// ...
default:
}
}
最后，如果你决定使用像jquery这样的框架，你也可以编写这样的代码：
x1 = $("#helprequest input[name='Name']")[0]; // element; without '[0]': jquery object
或直接收集值：
var v1 = $("#helprequest input[name='Name']").val();
评论
0赞
Paul Williams
5/6/2015
但是我是否也必须更改为 JavaScript 代码？
1赞
Federico Sosa
5/6/2015
#2
为此，您可以使用jQuery：
xObject = $('form[name=helprequest] input[name=Name]');
x1 = (x1Object.lengt) ? x1Object.val() : '';
xObject = $('form[name=helprequest] input[name=Mailing_Address]');
x2 = (xObject.lengt) ? xObject.val() : '';
评论
1赞
Paul Williams
5/6/2015
宁愿不要为此使用 JQuery。
评论
id