Php Javascript:当某个元素有效时在表单中显示该元素
在验证表单中的某些内容时,如何显示元素 以下是我的一些代码: signup.phpPhp Javascript:当某个元素有效时在表单中显示该元素,php,javascript,jquery,validation,Php,Javascript,Jquery,Validation,在验证表单中的某些内容时,如何显示元素 以下是我的一些代码: signup.php <div class="wrapper"> <div class="error-div" id="zipcode-error" ></div> <label>Zip code:</label> <input type="text" class="input" name="zipcode" id="zipcode" /> &
<div class="wrapper">
<div class="error-div" id="zipcode-error" ></div>
<label>Zip code:</label>
<input type="text" class="input" name="zipcode" id="zipcode" />
</div>
<!-- this div is hidden, it can only be seen when zip code is validated -->
<div class="wrapper" id="city-wrapper" >
<div class="error-div" id="city-error" ></div>
<label>City:</label>
<input type="text" class="input" name="city" id="city" >
</div>
<!-- this div is hidden, it can only be seen when zip code is validated -->
if(isset($_POST['zipcode'])){
$zip = $_POST['zipcode'];
if(empty($zip)){
echo "*Zipcode required!";
}elseif( (strlen($zip)<5) OR (strlen($zip)>5)){
echo "*Must be 5 digit!";
}elseif(!is_numeric($zip)){
echo "Must be numeric!";
}else{
$query = mysql_query("SELECT * FROM zip_codes WHERE zip = '{$zip}'");
$found_zip = mysql_num_rows($query);
if($found_zip =1){
echo "<img src='images/check.jpg' /><input type = 'hidden' name='show-city' id='show-city' />";
} else{
echo "Zip not found";
}
}
}
验证_signup.php
<div class="wrapper">
<div class="error-div" id="zipcode-error" ></div>
<label>Zip code:</label>
<input type="text" class="input" name="zipcode" id="zipcode" />
</div>
<!-- this div is hidden, it can only be seen when zip code is validated -->
<div class="wrapper" id="city-wrapper" >
<div class="error-div" id="city-error" ></div>
<label>City:</label>
<input type="text" class="input" name="city" id="city" >
</div>
<!-- this div is hidden, it can only be seen when zip code is validated -->
if(isset($_POST['zipcode'])){
$zip = $_POST['zipcode'];
if(empty($zip)){
echo "*Zipcode required!";
}elseif( (strlen($zip)<5) OR (strlen($zip)>5)){
echo "*Must be 5 digit!";
}elseif(!is_numeric($zip)){
echo "Must be numeric!";
}else{
$query = mysql_query("SELECT * FROM zip_codes WHERE zip = '{$zip}'");
$found_zip = mysql_num_rows($query);
if($found_zip =1){
echo "<img src='images/check.jpg' /><input type = 'hidden' name='show-city' id='show-city' />";
} else{
echo "Zip not found";
}
}
}
当zipcode被验证时,我想显示City div,但我不知道如何显示
这种情况是这样的:用户必须输入他/她的有效zipcode,一旦验证,隐藏的div就会出现,并在提供的文本字段中显示其对应的城市。当帖子返回为空时,您将显示div if($found_zip =1){ echo "found||<img src='images/check.jpg' /><input type = 'hidden' name='show-city' id='show-city' />"; } else{ echo "error||error"; } //then ur js $('#zipcode').blur(function() { var zip = $(this).val(); $.post('action/validate_signup.php?key=zipcode', { zipcode: zip }, function(result){ var respArr = result.split("||"); if("error" ==respArr[0]) { $('#zipcode-error').html(result).show("slow"); } else { //show your hidden div here $("#urHidden").show("slow"); } }); });
echo "<div id='city_holder'>No City</div>";
if(isset($_POST['zipcode'])){
$zip = $_POST['zipcode'];
if(empty($zip)){
echo "*Zipcode required!";
}elseif( (strlen($zip)<5) OR (strlen($zip)>5)){
echo "*Must be 5 digit!";
}elseif(!is_numeric($zip)){
echo "Must be numeric!";
}else{
$query = mysql_query("SELECT * FROM zip_codes WHERE zip = '{$zip}'");
$found_zip = mysql_num_rows($query);
if($found_zip =1){
$row = mysql_fetch_array($query);
echo "<div id='city_holder'>".$row['city_name']."</div>";
echo "<img src='images/check.jpg' /><input type = 'hidden' name='show-city' id='show-city' />";
} else{
echo "Zip not found";
}
}
}
$('#zipcode').keyup(function() {
$.post('action/validate_signup.php?key=zipcode', { zipcode: $(this).val() },
function(result){
if($('#city_holder').html() != 'No City')
{
$('#city').val($('#city_holder').html()); //to fill up the input
$('#city-wrapper').show("slow");//to show the div
}
else{
$('#city').val(" "); //to empty the input
$('#city-wrapper').hide("slow");//to hide the div
$('#zipcode-error').html(result).show("slow");
}
});
});
希望对你有帮助
别忘了用CSS将city_holder设置为hidden
如果您需要任何其他帮助注释我一定会在测试后发表任何注释,先生,谢谢:-我注意到每当我在zip输入上键入时,都会出现City div。您可以将事件键改为模糊,请参阅编辑的代码谢谢先生,…我一定会测试你的建议。祝你好运:告诉我结果情况是这样的:用户必须输入他/她的有效zipcode,一旦它被验证,隐藏的div将出现,并在提供的文本字段中显示其对应的城市。然后,在从DB获取城市名称后,您还应该在某处填写城市名称,对吗?名为City的文本字段将根据用户的zipcode具有对应城市的值。