我的JavaScript验证表单无法识别已填充的输入
我正在尝试编写一个验证或注册表单，它需要一个名称、两个匹配的密码和一封电子邮件。到目前为止，如果名称输入（我使用div设置样式）为空，就会弹出一个警报，我挂断了这个警报。我们应该主要使用If/Else函数 这是我到目前为止所拥有的我的JavaScript验证表单无法识别已填充的输入,javascript,jquery,html,Javascript,Jquery,Html,我正在尝试编写一个验证或注册表单，它需要一个名称、两个匹配的密码和一封电子邮件。到目前为止，如果名称输入（我使用div设置样式）为空，就会弹出一个警报，我挂断了这个警报。我们应该主要使用If/Else函数 这是我到目前为止所拥有的 <body> <div id='register'><p>Register Here:</p></div> <div id='background'> <input type="tex
<body>
<div id='register'><p>Register Here:</p></div>
<div id='background'>
<input type="text" placeholder="Name" id="A" ></input>
<input type="password" placeholder="Password" id="B"></input>
<input type="password" placeholder="Confirm Password" id="C"></input>
<input type="email" placeholder="Email" id="D"></input>
</div>
<input type="Submit" id="button"></input>
$('A')
<A></A>
<A></A>
下面是一个工作示例： 以下评论中指出了一些问题：
$(document).ready(function(){
//Selecting by ID is in the form $("#ID")
var Name = $('#A'); //You want to get the values AFTER submit is clicked, otherwise this will always be the initial empty value.
var Pass = $('#B');
var Confirm_Pass = $('#C');
var Email = $('#D');
$('#button').click(function(){
if(!Name.val()){ //Inside the click event you grab the value
alert("Fill in all boxes");
}
else{
alert('valid');
}
});
});
下面是一个工作示例： 以下评论中指出了一些问题：
$(document).ready(function(){
//Selecting by ID is in the form $("#ID")
var Name = $('#A'); //You want to get the values AFTER submit is clicked, otherwise this will always be the initial empty value.
var Pass = $('#B');
var Confirm_Pass = $('#C');
var Email = $('#D');
$('#button').click(function(){
if(!Name.val()){ //Inside the click event you grab the value
alert("Fill in all boxes");
}
else{
alert('valid');
}
});
});
你让我的日子好过多了。正如你可能知道的，我对整个编码工作都是新手。很明显，这帮了大忙。@user3602250-不客气，我很高兴这帮了大忙。如果您感兴趣，我的个人资料中有许多有用资源的链接。祝你好运，继续学习：另一方面是获得匹配的密码。我有：
if（！Confirm_Pass.val（）！=Pass.val（））{alert（“密码不匹配”）；}还有{alert（'valid'）；}if（！Confirm_Pass.val（）！=Pass.val（））{alert（“密码不匹配”）；}else{alert（'valid'）；}