0

fadeOutテキスト ボックス コントロールが空の場合、横に表示される 5 秒間のメッセージが必要です。これを達成する方法を教えてください。

<?php
echo "<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js'></script>";
echo "<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.cycle.all.js'></script>";
include_once('db_con.php');
$error = array("txt_categoryErr" => "","txt_brandErr" => "");
echo "<script>
$(document).ready(function(){
$('#sub').click(function(){ $('#toFade').delay(1000).fadeOut(3000); });
</script>

if(isset($_POST['submit'])){
$catq = $_POST['txtName'];
if($catq!=''){
$query = "INSERT INTO `categories`(`id`, `parent_id`, `name`) VALUES ('','','$catq')";
}else{
$error["txt_categoryErr"]="Please enter a valid category name";
}    

?>

<div class="txtCategory">
Category Name: <input type="text" id="txt_name" name="txtName" size="12" maxlength="20">
<input type="submit" class="btnsub" id="sub" name="submit" value="Add">
<div id="toFade"><small name="Errtxt" class="errorText"><?php echo $error['txt_categoryErr']; ?></small></div>
</div>
4

1 に答える 1

0

私はそれがjavascript/cssについてだと思います

style dispaly:none を #toFade に設定して試してください

$('#sub').click(function(){ 
    if ( $('#txt_name').val() == '' ) {            
        $('#toFade').show().delay(5000).fadeOut(600);
    }
});
于 2013-09-12T07:50:28.747 に答える