Javascript 在加载包含表单输入字段的div之后,如何执行验证JQuery脚本?
我是JQuery的新手,我有以下疑问 我知道这样做:Javascript 在加载包含表单输入字段的div之后,如何执行验证JQuery脚本?,javascript,jquery,ajax,struts2,struts2-jquery-plugin,Javascript,Jquery,Ajax,Struts2,Struts2 Jquery Plugin,我是JQuery的新手,我有以下疑问 我知道这样做: $(document).ready(function() { DO SOMETHING .............................. .............................. .............................. } 函数体实现的行为在文档完全显示之后执行 但举例来说,我有以下情况。进入使用Struts 2标记库的页面,但这并不重要我有一个表单: &
$(document).ready(function() {
DO SOMETHING
..............................
..............................
..............................
}
函数体实现的行为在文档完全显示之后执行
但举例来说,我有以下情况。进入使用Struts 2标记库的页面,但这并不重要我有一个表单:
<s:form id="projectForm" >
<sj:div id="resultEvents" href="%{loadFolderTechId}"
formIds="treeForm"
class="result ui-widget-content ui-corner-all"
loadingText=" "
onBeforeTopics="before"
onCompleteTopics="complete"
deferredLoading="true"
reloadTopics="reloadEvents"
>
</sj:div>
<s:submit style="display:none" id="submitButton" action="projectCreationAction"/>
</s:form>
但是在加载id=resultEvents的div的内容之后,我必须加载ready函数
function validator() {
var validator = $("#projectForm").validate({
rules: {
"kmProjectInfo.name": "required"
},
messages: {
"kmProjectInfo.name": "Please enter a project name"
}
});
...
}
// ?
$("#submitButton").click(function() { validator(); });
// ?
$("#projectForm").submit(function() { validator(); });
我怎么做?有可能吗
Tnx的想法:
1如果表单由另一个模块加载,或者调用$document.ready时,则必须设置回调或调度一个事件,说明表单何时准备就绪
function validator() {
var validator = $("#projectForm").validate({
rules: {
"kmProjectInfo.name": "required"
},
messages: {
"kmProjectInfo.name": "Please enter a project name"
}
});
...
}
// form_module can be a module you use to load
// or a struts2 js api or some jquery function that does the work.
$(document).ready(function() {
form_module.load("url/to/form?", {
"on_form_loaded": function() { validator(); }
})
});
2在单击“提交”或尝试提交表单时定义验证程序,但这样在加载表单时无法验证
function validator() {
var validator = $("#projectForm").validate({
rules: {
"kmProjectInfo.name": "required"
},
messages: {
"kmProjectInfo.name": "Please enter a project name"
}
});
...
}
// ?
$("#submitButton").click(function() { validator(); });
// ?
$("#projectForm").submit(function() { validator(); });
只需将验证脚本放入加载内容。