无法提交表单，提交按钮不起作用[关闭]答案

【问题标题】：Can't submit form, submit button not working [closed]无法提交表单，提交按钮不起作用[关闭]
【发布时间】：2015-03-11 08:41:58
【问题描述】：

我创建了一个表格，表格里面是一个表格。但是，我无法将表单提交到处理页面，因为提交按钮根本没有响应。点击提交按钮后，没有任何反应。

以下是我的代码

http://pastebin.com/tPMq7GmU

非常感谢你帮助我！

以下代码是导致提交按钮不起作用的问题。

<input type="text" name="schoolname" id="schoolid" placeholder="Please Specify" required style='display:none;'/>

如果我删除了上面的代码，提交按钮就会起作用。

上面代码的作用是在选择“others”值时弹出一个文本框。

这是函数的完整代码。

  <script type="text/javascript">
function CheckSchoolName(val){
 var element=document.getElementById('schoolid');
 if(val=='otherschool')
   element.style.display='block';
 else  
   element.style.display='none';
}

</script>

下面是表格中的代码。

<tr>
<td>NAME OF SCHOOL</td>
<td>        
<select name="schoolname" onchange='CheckSchoolName(this.value);'>
<option value="">Select your Instituition/School name</option>
        <option value="Caritas Bianchi College of Careers">Caritas Bianchi College of Careers</option>
        <option value="Caritas Francis Hsu College">Caritas Francis Hsu College</option>
        <option value="otherschool">Others (Please specify)</option>

    </select>
    <input type="text" name="schoolname" id="schoolid" placeholder="Please Specify" required style='display:none;'/>

    </td>
</tr>

【问题讨论】：

贴出相关代码，谢谢！
并使用a validator
将您的代码减少到显示问题的最低限度并在此处发布。链接到其他地方的 2,200 行表明您的工作量为零。
我的错，我找到了问题但无法解决，除非我删除那部分代码。我已经在上面发了，你可以看看。感谢您的帮助。

标签： javascript html forms submit form-submit

【解决方案1】：

这可能是由

中使用的required 属性引起的

<input type="text" name="schoolname" id="schoolid" placeholder="Please Specify" required  style='display:none;'/>

这要求输入字段在提交表单之前包含一个值，因为显示设置为无，这显然会发生冲突。删除required 属性并再试一次

【讨论】：

【解决方案2】：

规则：

display: none

可能会给您带来一些问题。我建议你设置标签：

<input type="hidden" 
       name="schoolname" 
       id="schoolid" 
       placeholder="Please Specify"
       required 
       value="" />

然后像这样更改 CheckSchoolName 函数：

function CheckSchoolName(val){
  var element=document.getElementById('schoolid');
  if(val=='otherschool')
     element.setAttribute('type', 'text');
}

【讨论】：