HTML表单未提交。使用材料设计和Javascript

问题描述：

我有这种形式，我不能提交。HTML表单未提交。使用材料设计和Javascript

<div class="enviar"> 
    <form onClick="submitForm();" id="MessageSend" name="MessageSend" method="post" action="Send_Text_Msg.php"> 
     <table width="100%"> 
      <tr width="100%"> 
       <td colspan="2"width="600px"> 
        <textarea disabled="disabled" rows="4" name="MessageTextArea" id="MessageTextArea" style="resize: none;"></textarea> 
       </td>    
       <td> 
        <div class="button raised blue" style="cursor: pointer;"> 
         <div class="center" fit>Enviar</div> 
         <paper-ripple fit ></paper-ripple> 
        </div> 
       </td> 
       <td><input type="submit" onclick="submitForm();"hidden id="IDConversa" name="IDConversa" value=""/></td> 
      </tr> 
     </table> 
    </form> 
</div>

由于我使用的是< DIV>作为一个按钮我用这个Javascript代码提交

function submitForm() 
{ 
    alert("hue"); 
    if(document.getElementById('MessageTextArea').value == "") 
     return false; 
    else 
     document.getElementById('MessageSend').submit(); 
}

而且奇怪的是，即使是警报（）没有显示出来。我使用的是普通按钮这种材料设计一个之前，它是不工作或者

编辑：

我放弃了使用形式。我将使用AJAX。感谢您的帮助

不这样做的onclick上提交按钮，但把它放到形式而不是 – daremachine 2015-04-06 13:41:23

@daremachine但不是被点击的按钮？ – Victor 2015-04-06 13:43:46

我想你想验证你的表格，然后提交？右 – daremachine 2015-04-06 13:46:59

答

我在jsfiddle中试过了。看起来你的剧本糟糕！如果我修改你的脚本如下所示，它开始工作。

tutorial w3c

把你validatation脚本到头部或身体上。在的jsfiddle左侧没有包..选项

没有的onclick将onsubmit到表单

<form id="MessageSend" name="MessageSend" method="post" onsubmit="return submitForm()" action="Send_Text_Msg.php">

，它做工精细

DEMO JSFIDDLE

这是问题，谢谢。 – Victor 2015-04-06 15:14:37

答

你不能写这样的：

</td> 
<input hidden id="IDConversa" name="IDConversa" value=""/> 
</tr>

表的任何HTML数据应该是TD的。或者把这个隐藏的领域放在桌子外面

你也应该避免做div上的onclick。制作一个标签，并放在那里。

我解决了它，但仍然不起作用 – Victor 2015-04-06 13:48:29

把输入提交字段（type =“submit”，并放在那里onsubmit =“something（）;”并从div和form中移除不需要的onclick方法有纹波是不是一个标签，删除。 – DarioBB 2015-04-06 14:06:46

我已经把它无处不在努力使其工作 – Victor 2015-04-06 14:09:37

HTML表单未提交。使用材料设计和Javascript

相关推荐