Question

我正在尝试编写需要名称，2个匹配密码和电子邮件的验证或注册表单。截至目前，如果名称输入（我使用div设置）为空，我会挂起弹出的警报。我们应该主要使用If / Else函数。

这是我到目前为止所拥有的。

<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>

和

$(document).ready(function(){

var Name = $('A').val();
var Pass = $('B').val();
var Confirm_Pass = $('C').val();
var Email = $('D').val();

$('#button').click(function(){    
if(!Name){
  alert("Fill in all boxes");
}
else{
  alert('valid');
}  

});
});

截至目前发生的事情是，即使输入已填写，我也会收到“填写所有框”的提示。

Answer 1

$('A')

将搜索

<A></A>

您正在寻找

$("#A")

Answer 2

以下是一个有效的例子：http://jsfiddle.net/p6hYa/

以下评论中提到的问题很少：

$(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');
        }  
    });

});

我的JavaScript验证表单无法识别填充输入

2 个答案: