Question

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

以下是我的代码

非常感谢你帮助我！

以下代码是使提交按钮无效的问题。

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

如果我删除了上述代码，则提交按钮会起作用。

上述代码的功能是在＆＃34;其他＆＃34;时弹出文本字段。值被选中。

以下是该功能的完整代码。

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

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

无法提交表单，提交按钮无法正常工作

2 个答案: