如何从一个html <form>

Question

可以说这是我的HTML表单定义触发一个jQuery文件的jquery.js里面的函数：

 <form id="feedback" action="" enctype="multipart/form-data" method="post"> 

jQuery的文件头标记定义：

 <script type="text/javascript" src="js/ajaxarchive.js"></script> 

我还建立了一个输入字段中的HTML DIV作为一个按钮：

 <div id ="button" class="button"> 
     <input type="submit" name="submit" id="submit" value="Enviar" /> 
    </div> 

我有JavaScr在我的index.html中的ipt代码，我更愿意让代码在index.htm之外验证我的表单。我可以在这样的句子加我的功能 （但我宁愿想从外部文件调用我的函数）：

 if ($li_e.attr('class')==='cc_content_13'){ 
     /*here I try to recieve code from the ajaxarchive.js inside functions*/ 
    } 

我为了如何定义的功能也ajaxarchive.js里面的东西一样

var formData = $('form').serialize(); 
     submitForm(formData); <-- This is the name of the function 

Answer 1

这听起来像你想添加一些验证逻辑挂接到“提交”按钮的点击，而无需修改实际的HTML包括一个参考。如果是这样的话那么就绑定到click事件在外部JS文件

$(document).ready(function() { 
    $('#submit').click(function() { 
    // Call your function here. 

    }); 
}); 

Answer 2

您可以绑定到你的表单的“提交”事件的功能。只要在调用$ .ready之前包含源文件，就可以在任何地方定义你的函数。

// somewhere in $(document).ready: 
$("#feedback").submit(yourExternalFunctionNameHere); 

其中函数中的参数e是事件对象。请确保在函数内部调用e.preventDefault（）或返回false，以便表单默认不提交 - 您可以使用以下方式手动提交：

$("#feedback").submit();