Javascriptがポップアップ

-1

box = $("#lessthan5"); 
     if (box.prop("checked") == false) { 
      box = document.getElementById("hours"); 
      if(box.value ==''){ 
       alert("Please enter a value for Hours.") 
       box.focus() 
       return false; 
      } 
      if(!IsNumeric(box.value) ){ 
       alert("Please enter numbers only for Hours.") 
       box.focus() 
       return false; 
      } else if(parseFloat(box.value) == 0.0){ 
       alert("Please enter a non-zero amount for Hours.") 
       box.focus() 
       return false; 
      }

は、どのように私は、ユーザーがアラートがポップアップ表示されます数5.00が言って入力した場合ので、それを作るのですか、あなたはこれが正しいこと、そして彼らがそう言うならキャンセルした場合に進んで確信しています次に進まないでください。

出典

2016-10-05 theking3016

あなたがJavaScriptの確認（「確認のテキスト」）を使用することができます。またはjQueryダイアログ – Ram

私はあなたがconfirm()を探していると思います。たとえば、次のように受け入れられるかfalse場合はキャンセルした場合

var proceed = confirm('Are you sure?');

proceedはその後trueになります。ここで動作します

出典

2016-10-05 15:51:36 fzzle

しかし、私が持っているコードを与えれば、ユーザーが5.00を入力した場合、それはどのように表示されますか？上記のコードから引き継ぐことができますか？ – theking3016

-1

ダイアログボックスは一例です

<!doctype html> 
<html lang="en"> 
<head> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <title>jQuery UI Dialog - Modal message</title> 
    <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> 
    <link rel="stylesheet" href="/resources/demos/style.css"> 
    <script src="https://code.jquery.com/jquery-1.12.4.js"></script> 
    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> 
    <script> 
    $(function() { 
    $("#dialog-message").dialog({ 
     modal: true, 
     buttons: { 
     Yes: function() { 
      $(this).dialog("close"); 
     } 
     } 
    }); 
    }); 
    </script> 
</head> 
<body> 

<div id="dialog-message"> 
    <p> 
    Are you sure you want to continue 
    </p> 
</div> 

<p>Sed vel diam id libero <a href="http://example.com">rutrum convallis</a>. Donec aliquet leo vel magna. Phasellus rhoncus faucibus ante. Etiam bibendum, enim faucibus aliquet rhoncus, arcu felis ultricies neque, sit amet auctor elit eros a lectus.</p> 


</body> 
</html>

出典

2016-10-05 16:11:49 user3685048

答えて

関連する問題