製作在訂立形式

從這個話題了一些按鈕顯示：how do i make an invisible text input box visible on hover?製作在訂立形式

我讀到這個問題，它可以幫助我很多，我想出了這個代碼：

HTML：

<div id="box1"> 
    <form action=""> 
    <input type="string" name="amount" /> 
    </form> 
</div>

CSS：

#box1 { 
    width:100px; 
    height:30px; 
} 

#box1:hover input { 
    display:block; 
    padding:3px; 
} 

#input { 
    display:none; 
}

我的問題是，一旦我投入的金額，我想通過conf irm按鈕顯示出來。這可能嗎？

在此先感謝。

來源

2012-10-10 Jac Kellie

你需要JavaScript來實現這一目標 - 你尋找那種解決方案？ – kinakuta

僅供參考：'type =「string」'應該是'type =「text」'，'＃input'應該是'input'。或者可能'＃box1 input'，除非你想在你的網站上隱藏_every_輸入。 – powerbuoy

這應該完成你所追求的：

<!-- In the head of your document: --> 
<script src="http://code.jquery.com/jquery-1.8.2.js"></script> 
<script type="text/javascript"> 
    $(document).ready(function() { 
     $('#submit').hide(); 
     $('#amount').keyup(function() { 
      if ($(this).val() == '') { 
       $('#submit').hide(); 
      } 
      else { 
       $('#submit').show(); 
      } 
     }); 
    }); 
</script> 

<!-- For your form in the body: --> 
<div id="box1"> 
    <form action=""> 
     <input type="string" name="amount" id="amount" /> 
     <input type="submit" name="submit" id="submit" /> 
    </form> 
</div>

來源

2012-10-10 03:29:08 zachjs

不錯的代碼！沒有想到使用它。 – Furry

感謝它現在的作品！ –

如果此答案解決了您的問題，請點擊此答案旁邊的空白複選標記，將其標記爲已接受。 – zachjs

其實做「確認」按鈕。

<div id="box1"> 
    <form action=""> 
     <input type="string" name="amount" /> 
     <input type="submit" value="confirm" id="submit" style="display:none"/> 
    </form> 
</div>

隨時名稱爲「量」的元素被改變或按一個鍵（用於電平變化退格）如果該值不爲「」或什麼，然後它會顯示使用內聯CSS提交按鈕。

<script> 
amount.onchange=amount.onkeyup=function(){ 
    document.getElementById("submit").style.display=this.value==""?"none":"block"; 
} 
</script>

來源

2012-10-10 03:27:28 JJJ

根據您的問題

我猜你正在尋找使作爲重點在文本框中按下確認鍵後儘快面世。 JQuery是一個用於處理瀏覽器事件的非常有用的庫，你應該看看使用它。

HTML：

<div id="box1"> 
    <input type="text" id="txtAmount" /> 
    <input type="button" id="btnConfirm" value="Confirm"/> 
</div>

的JavaScript/jQuery的：

//self invoking javascript function 
$(function() { 

    //hide the button on page load 
    $('#btnConfirm').hide(); 


    //listen for a keypress event 
    $('#txtAmount').on('keypress', function() { 
     $('#btnConfirm').show(); 
    }); 
});

這裏是的jsfiddle如果您想嘗試一下http://jsfiddle.net/49Dhc/5/

來源

2012-10-10 03:49:56 SDeezy

是的，但是當我按下確認按鈕。它不會彈出？我怎麼能在這裏放一些延遲。 //調用自javascript函數 $（函數（）{ //隱藏在頁面加載按鈕 $（ '＃btnConfirm'）隱藏（）; 。 //監聽按鍵事件 $（ '＃txtAmount'）上（ '按鍵'，函數（）{。 $（ '＃btnConfirm'）顯示（）; }）; }）;

–

我也試過你的代碼，但是當我按下確認按鈕時發生問題。

製作在訂立形式

回答

相關問題