通过JavaScript模拟提交按钮单击

时间:2014-06-10 19:39:25

标签: javascript jquery

是否可以使用JAVASCRIPT提交表单?如果有,请帮助我......

我有一个带有输入文件的表单。所以如果所有字段都在字段中,我希望javascript计算,然后按提交按钮。

提交按钮"保存"将隐藏在游客的眼前。

<form id="my form" action="">
    <input type="text" name="fname" id="fname" value=""/>
    <input type="text" name="sname" id="sname" value=""/>
    <input type="text" name="email" id="email" value=""/>
    <button type="submit" name="submitAccount" id="submitAccount">save</button>
</form>

这是一个打开的FIDDLE

感谢所有人的帮助!

2 个答案:

答案 0 :(得分:5)

即使没有提交按钮,您也可以通过JavaScript提交表单,form元素的方法.submit()提交整个表单。

var myForm = document.getElementById('myform');
myForm.submit();

在提交表单之前,您可以从表单中的每个字段获取值并进行自己的验证。

P.S。不要将id属性的值用于空格,您应该将其重命名为“myform”&#39;或者&#39; myForm&#39;。

答案 1 :(得分:0)

有一个required属性

<form id="myForm" action="">
    <input type="text" name="fname" id="fname" value="" required/>
    <input type="text" name="sname" id="sname" value="" required/>
    <input type="text" name="email" id="email" value="" required/>
    <button type="button" name="submitAccount" id="submitAccount" onclick="checkForm();">save</button>
</form>

仅在填写必填字段时才提交表单