单击文本时未提交的表单

Form not submitting on text click

本文关键字：表单 提交 文本 单击      更新时间：2023-09-26

这是我在单击文本时提交的表单，但值没有在操作页面上传递。

  <form action="forget_pass.php" method="post" id="new_user" name="new_user">
  <ul class="inputlist">
    <li><span class="redcolor">*</span>Email Address or Phone No.</li>
    <li>
      <input name="" class="inputbox" type="text" name="EmailAddress" id="txtEmail" />
      &nbsp;&nbsp;
      </li>
     <li class="rightalign">
     <a href="javascript:document.new_user.submit();" onclick="">
      Retrieve Password</a></li>
    </form>

<input name="" class="inputbox" type="text" name="EmailAddress" id="txtEmail" />

应该是 

<input class="inputbox" type="text" name="EmailAddress" id="txtEmail" />

-

<a href="javascript:document.new_user.submit();" onclick="">

应该更好

<a href="#" onclick="document.new_user.submit();return false;">

这是您可以使用的工作代码

<form action="forget_pass.php" method="post" id="new_user" name="new_user">
  <ul class="inputlist">
    <li><span class="redcolor">*</span>Email Address or Phone No.</li>
    <li>
      <input class="inputbox" type="text" name="EmailAddress" id="txtEmail" />
      &nbsp;&nbsp;
      </li>
     <li class="rightalign">
     <a href="javascript:document.new_user.submit();">
      Retrieve Password</a></li>
    </form>

代码中的问题包括

1-您有两个名称属性。 一个是空的

2-点击未正确使用...

希望对你有帮助

你应该试试这段代码，

<form action="forget_pass.php" method="post" id="new_user" name="new_user">
  <ul class="inputlist">
    <li><span class="redcolor">*</span>Email Address or Phone No.</li>
    <li>
      <input class="inputbox" type="text" name="emailAddress" id="txtEmail" >
      &nbsp;&nbsp;
      </li>
     <li class="rightalign">
     <a href="javascript:submitForm();">
      Retrieve Password</a></li>
    </ul>
</form>

javaScript代码是，

submitForm = function(){
    alert(document.forms[0].emailAddress.value);
document.forms[0].submit();
}

运行代码是这个 http://jsfiddle.net/4AWW6/

相关文章：