Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jQuery高级表单系统未按预期工作_Javascript_Jquery_Html - Fatal编程技术网

Javascript jQuery高级表单系统未按预期工作

Javascript jQuery高级表单系统未按预期工作,javascript,jquery,html,Javascript,Jquery,Html,我正在准备一份高级登记表,最后一部分我需要帮助。。。该代码的目的是使提交按钮仅在确认所有表单输入时激活。(如果你问为什么的话,我会用这种方式让人们更快、更漂亮……)但事实并非如此。。。只有当我编辑最后一个输入(Captacha)时,如果所有输入都已确认,提交按钮才会激活。jQuery代码可以在这里找到:一个页面(HTML结构+脚本)可以在这里找到:(不包括引导CSS和JSs,所以看起来很难看)我不太擅长jQuery/JavaScript,所以请告诉我代码哪里错了,以及如何改进的好提示 $(doc

我正在准备一份高级登记表,最后一部分我需要帮助。。。该代码的目的是使提交按钮仅在确认所有表单输入时激活。(如果你问为什么的话,我会用这种方式让人们更快、更漂亮……)但事实并非如此。。。只有当我编辑最后一个输入(Captacha)时,如果所有输入都已确认,提交按钮才会激活。jQuery代码可以在这里找到:一个页面(HTML结构+脚本)可以在这里找到:(不包括引导CSS和JSs,所以看起来很难看)我不太擅长jQuery/JavaScript,所以请告诉我代码哪里错了,以及如何改进的好提示

$(document).ready(function () {

var password = false;
var username = false;
var email = false;
var captacha = false;
var re = /^(([^<>()[\]\\.,#$%^&*!;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/

$("[title!='']").qtip({
content: {
attr:"title"
},
style: {
classes:"qtip-bootstrap"
}
});

$("#username").change(function() {
var uname = $(this).val();
if (uname.length < 8) {
$(this).attr("title", "Username must be 8 or more characters long.");
$("#UG").attr("class", "form-group has-error");
username = false;
} else {
$.ajax({
url: "check.php?username=" + uname
}).done(function(data) {
if (data=="true") {
$("#username").attr("title", "All correct.");
$("#UG").attr("class", "form-group has-success");
username = true;
} else {
$("#username").attr("title", "Error - " + data);
$("#UG").attr("class", "form-group has-error");
username = false;
}
});
}
updateInfo();
});

function updateInfo() {
if (password && username && email && !captacha) {
/*$("#submit").prop("disabled", false);*/
$("#username").prop("disabled", true);
$("#email").prop("disabled", true);
$("#pass").prop("disabled", true);
$("#passr").prop("disabled", true);
$("#CG").slideDown(600);
} else {
if (password && username && email && captacha) {
$("#username").prop("disabled", false);
$("#email").prop("disabled", false);
$("#pass").prop("disabled", false);
$("#passr").prop("disabled", false);
$("#submit").prop("disabled", false);
$("#capt").prop("disabled", true);
$("#CG").slideUp(600);
} else {
$("#submit").prop("disabled", true);
}
}
}

$("#username").prop("disabled", false);
$("#email").prop("disabled", false);
$("#pass").prop("disabled", false);
$("#passr").prop("disabled", false);
$("#capt").prop("disabled", false);
$("#submit").prop("disabled", true);
updateInfo();
$(文档).ready(函数(){
var password=false;
var username=false;
var=false;
var captacha=假;
变量re=/^([^()[\]\\,\$%^&*!:\s@“]+(\.[^()[\]\,;:\s@“]+)*(\“+”)@(\[[0-9]{1,3}.[0-9]{1,3}.[0-9]{1,3}.[0-9]{1,3}.[0-9]{1,3}.++]$/
$(“[title!=”)”).qtip({
内容:{
属性:“标题”
},
风格:{
类:“qtip引导”
}
});
$(“#用户名”).change(函数(){
var uname=$(this.val();
如果(长度小于8){
$(this.attr(“title”,“用户名长度必须为8个或更多字符”);
$(“#UG”).attr(“类”,“窗体组有错误”);
用户名=false;
}否则{
$.ajax({
url:“check.php?username=“+uname”
}).完成(功能(数据){
如果(数据==“真”){
$(“#用户名”).attr(“标题”,“全部正确”);
$(“#UG”).attr(“类”,“表单组成功”);
用户名=true;
}否则{
$(“#用户名”).attr(“标题”,“错误-”+数据);
$(“#UG”).attr(“类”,“窗体组有错误”);
用户名=false;
}
});
}
updateInfo();
});
函数updateInfo(){
if(密码、用户名、电子邮件、captacha){
/*$(“#提交”).prop(“已禁用”,错误)*/
$(“#用户名”).prop(“已禁用”,true);
$(“#email”).prop(“已禁用”,true);
$(“#通过”).prop(“禁用”,正确);
$(“#passr”).prop(“disabled”,true);
$(“#CG”)。向下滑动(600);
}否则{
if(密码、用户名、电子邮件和captacha){
$(“#用户名”).prop(“禁用”,false);
$(“#email”).prop(“禁用”,false);
$(“#通过”).prop(“禁用”,错误);
$(“#passr”).prop(“禁用”,false);
$(“#提交”).prop(“已禁用”,错误);
$(“船长”)道具(“残疾”,真实);
$(#CG”)。幻灯片(600);
}否则{
$(“#提交”).prop(“已禁用”,true);
}
}
}
$(“#用户名”).prop(“禁用”,false);
$(“#email”).prop(“禁用”,false);
$(“#通过”).prop(“禁用”,错误);
$(“#passr”).prop(“禁用”,false);
$(“#船长”).prop(“禁用”,错误);
$(“#提交”).prop(“已禁用”,true);
updateInfo();

那么问题是什么呢?s.O.并不是一个只说“这个代码坏了,请帮我修复它”的地方欢迎使用StackOverflow!我们更喜欢包含代码的问题。目前,在这两个pastebin示例中有很多额外的代码。如果您发布的代码的简化版本仍然存在问题,您就更有可能获得高质量的答案。此外,您可能希望设置一个JSFIDLE并包含指向该问题的链接。请参阅下面的代码以pastebin的形式给出,我不能使用JSFIDLE。出于某种原因,我国禁止使用JSFIDLE。您还应该在问题本身中发布一些(有限的)代码。对不起……我不知道这是必需的。下次我问问题时,我肯定会知道这一点!