Question

嗨我在脚本标签中有一个表单。当我提交保存按钮时它不会做任何事情。代码是

 <script id="e1" type="text/x-jquery-tmpl"> 
    <form id="MainForm" >
           <input type="hidden" id="id1" name="id1" value=""/>
        <table  class="form-i" border="1" cellpadding="0" cellspacing="0">
           <tbody>
                 <tr class="form-list">
                      <td>{{=MainLoc}}</td>
                      <td>{{=locId}}</td>
                      <td><input type="text" class="main_form" id="mainLoc" name="mainLoc"    value=""/></td>

            </tr>      
             <tr>
               <td colspan="1" align="center">
                  <br/>
               </td>               
            </tr>           
                </tbody>           
        </table> 
              <input type="button" class="form-submit" onclick="fnSave()"  value="Save"/>        
    </form>
</script>

当我点击保存按钮时，它不起作用。当我删除脚本标签时，它工作正常。但由于其他一些功能，我必须使用脚本标签。请帮我解决这个问题。谢谢

Answer 1

在DOM中插入模板后，手动创建事件侦听器：

$('#e1 button.form-submit').click(fnSave);

您知道您的网站是否有任何禁用内联内容的CSP规则？任何控制台输出？

Answer 2

您使用的其他功能是什么意味着表单必须在脚本标记中？如果要访问表单，使用$（'form＃e1'）应该足够吗？

在脚本标记内提交表单

2 个答案: