我在提交表单时遇到问题,我的代码如下:
<form method="get" action="<?=bloginfo('template_url');?>/contact.php" id="quickContactForm" onsubmit="return sendDetails();">
<h2>Request a callback:</h2>
<ul style="margin:10px">
<li style="list-style-type:none;">
<label>Name:</label>
<input name="name" id="name" type="text" style="margin-left:12px; height:20px; margin-bottom:5px;">
</li>
<li style="list-style-type:none;">
<label>Email:</label>
<input name="email" id="email" type="text" style="margin-left:14px; height:20px; margin-bottom:5px;">
</li>
<li style="list-style-type:none;">
<label>Mobile:</label>
<input name="mobile" id="mobile" type="text" style="margin-left:8px; height:20px; margin-bottom:5px;">
</li>
<li style="list-style-type:none;">
<label>Note:</label>
<input name="interest" id="interest" type="textarea" style="margin-left:20px; height:100px">
</li>
<li style="list-style-type:none;">
<a href="javascript: void(0)" onclick="document['quickContactForm'].submit()" class="">
<img src="<?=bloginfo('template_url');?>/images/btn_send.jpg" />
</a>
</li>
</ul>
</form>
上面的代码给出了一个错误:document.quickContactForm未定义我也尝试将标记更改为:
<a href="javascript: void(0)" onclick="$('#quickContactForm').submit()" class="">
<img src="<?=bloginfo('template_url');?>/images/btn_send.jpg" />
</a>
但这给了我一个错误:$未定义
我做错了什么?
此致 斯蒂芬
答案 0 :(得分:1)
$
由jQuery等库使用,但它不是JavaScript的一部分。你是否包含一个针对jQuery文件的标签?
答案 1 :(得分:0)
尝试使用document.getElementById("quickContactForm").submit();
答案 2 :(得分:0)
除非您在表单对象上引用它,否则无法获取ID:document.forms.quickContactForm
。 (或者,如果您使用document.getElementById('quickContactForm')
)
答案 3 :(得分:0)
问题解决了,我在这里找到了答案: