无法提交表单，提交按钮不起作用

Question

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

以下是我的代码

非常感谢您对我的帮助！

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

<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>

下面是我的表单 table 中的代码。

<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>

Answer 1

这可能是由

中使用的 required 属性引起的

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

这要求输入字段包含一个值，然后才能提交表单，因为显示设置为none，这显然会产生冲突。删除 required 属性并重新设置

Answer 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');
}

无法提交表单，提交按钮不起作用

Can't submit form, submit button not working

javascript

html

forms

submit

form-submit