Question

我需要获取表单字段（客户端，电话号码）的内容验证它们（最有可能使用正则表达式）并将它们连接成警报并修改一些html以便表单提交我得到

<p>John smith
99999999
2 wilerby dr
morrowie city
morrowie </p>

和alert("form data") ..

我试过var field1 = document.forms[0].elements[0].value之类的东西，但不确定如何解决这些问题。

修改：

<form id="form1" action="form_action.asp">
    <fieldset>
    <table cellpadding="3" border="0">
        <th> Order Details </th>
        <tr>
            <td>Client Name:</td>
            <td><input id="clientname" type="text" name="clientname" value="" maxlength="20"></td>
        </tr>
...

修改2

var name = document.getElementById('clientname').value;

function buttontest()
    {
    alert(clientname);
    }

使用此脚本我不断收到[object HTMLInputElement]警报，脚本是外部的，脚本标记位于标题中。

Answer 1

您应该使用DOM选择器document.getElementById('elementId').value。

请阅读有关此类浏览器API的类似文档：https://developer.mozilla.org/en-US/docs/Web/API/document

Answer 2

尝试为这些字段添加ID，然后使用getElementById()。实施例。

var val = document.getElementById('id_field').value;
document.getElementById('id_tag').innerHTML = val;

Answer 3

var clientName = document.getElementById('clientname').value;
alert(clientName);

Answer 4

如果您已经知道要解决的元素的序列号，那么只有您可以使用您指定的语法，如下所示：

document.forms[form_index].elements[form_element_index].value

form_index - ＆gt;元素所在的特定表单的索引。

form_element_index - ＆gt;特定表单中元素的索引。

所以你可以使用：

alert(document.forms[form_index].elements[0].value);

只有当您引用的表单是文档中的 第一个表单 时，

NB- form_index 才会为0。< / p>

否则

如果您不知道表单中的序列号或表单中元素的序列号，您应该使用id属性来引用它（不需要任何引用表单的地方）元素是）通常的方法，我个人建议你使用它。

因此，在您的代码中使用以下内容：

alert(document.getElementById('clientname').value)

Answer 5

您应该使用 document.getElementById（'ID'），您可以访问www.w3schools.com了解更多详情。

在Javascript中如何根据表单的内容进行警报和修改html

5 个答案:

否则