Javascript 表单提交按钮在页面加载后不能立即工作

Javascript 表单提交按钮在页面加载后不能立即工作,javascript,jquery,html,form-submit,parsley.js,Javascript,Jquery,Html,Form Submit,Parsley.js,我在引导格式的表单中使用欧芹验证。 问题是当页面加载时,submit按钮暂时不做任何事情。延迟不同,但有时长达10秒 代码正在使用wamp服务器在本地服务器上运行。 我尝试了Opera和Firefox浏览器 $(文档).ready(函数(){ //提交 $('form#u register')。提交(函数(e){ console.log('formsubmitted!'); //阻止正常提交 e、 预防默认值(); //证实 如果($(this.parsley().isValid()){ //

我在引导格式的表单中使用欧芹验证。 问题是当页面加载时,submit按钮暂时不做任何事情。延迟不同,但有时长达10秒

代码正在使用wamp服务器在本地服务器上运行。 我尝试了Opera和Firefox浏览器

$(文档).ready(函数(){
//提交
$('form#u register')。提交(函数(e){
console.log('formsubmitted!');
//阻止正常提交
e、 预防默认值();
//证实
如果($(this.parsley().isValid()){
//收集数据
var data=$('#form_register')。序列化();
//向服务器发送数据
$.post($)http://127.0.0.1/part/register/ajax_register,数据,函数(数据,文本状态,xhr){
//如果成功
如果(data.code==0){
//显示成功信息
模态信息(“成功”,“成功”,功能(事件){
//重定向到登录页面
window.location=”http://127.0.0.1/part//login";
});
}否则{
//显示错误消息
模态_信息(data.message,“危险”);
}
}“json”);
}否则{
console.log(“未验证”);
}
});
});

فرم ثبت نام
نام کاربری :
شرکت :
پارت پلاستیک
قطعات محور
کلمه عبور :
تکرار کلمه عبور :
نام :
نام خانوادگی :
تلفن همراه :
تلفن ثابت :
آدرس پستی :
تاریخ تولد :

延迟是因为您已将表单提交代码放在$(document).ready(function(){})中

因此,表单提交代码将在显示完整的dom后执行


如果您不想等待DOM加载。然后将表单提交代码放在document.ready函数之外

延迟是因为您已将表单提交代码放在$(document).ready(function(){})中

因此,表单提交代码将在显示完整的dom后执行

如果您不想等待DOM加载。然后将表单提交代码放在document.ready函数之外

$(document).ready(..)
表示在加载所有DOM元素后运行其中的所有函数。只需在你需要的范围外使用。如果要传递的值很少,只需使用ajax,它也会克服这个问题

$.ajax({
    type : "GET",
    url : "http://127.0.0.1/part/register/ajax_register", 
    data : {'data':data },
    contentType: "application/json; charset=utf-8",
    cache : false,
    async:true, //asynchronous,No need to wait for the response
    success : function(data) {  
        //your statements
    },
    error : function(data) {
        //your statements
    }
})
$(document).ready(..)
表示在加载所有DOM元素后运行其中的所有函数。只需在你需要的范围外使用。如果要传递的值很少,只需使用ajax,它也会克服这个问题

$.ajax({
    type : "GET",
    url : "http://127.0.0.1/part/register/ajax_register", 
    data : {'data':data },
    contentType: "application/json; charset=utf-8",
    cache : false,
    async:true, //asynchronous,No need to wait for the response
    success : function(data) {  
        //your statements
    },
    error : function(data) {
        //your statements
    }
})