0

Phonegap を使い始めたばかりで、ユーザーがテキストボックスをクリックしたときにテキストボックスの内容をクリアしたかったのです。

HTML:

<input type="text" class="clear" id="dateVal" name="date" value="date" onblur="clear();"/>/

JavaScript

function clear() {
        document.getElementsByTagName('input').value = '';
    }

しかし、クリア関数は呼び出されていません。また、機能を入れてみalertましたclear() （役に立ちませんでした）。他のすべては正常に動作しています。どんな助けでも大歓迎です。

完全な HTML コード:

<!DOCTYPE html> <html>   <head>
    <title>Age Calculator</title>

    <script type="text/javascript" charset="utf-8" src="cordova-1.8.1.js"></script>
    <script type="text/javascript" charset="utf-8">
      document.addEventListener("deviceready",onDeviceReady,false);

    function onDeviceReady() { 
        alert('welcome');
    }
        function calAge() {         
          var x = confirm('Click here to calculate the age'); 
          if(x == true) {
           document.getElementById('ageId').style.display = block';
          } else {
              navigator.app.exitApp();      }
         }   
        function submitValues() {
                var todaysDate = new Date();
                var y = todaysDate.getFullYear();
                var m = todaysDate.getMonth() + 1;
                var d = todaysDate.getDate() + 1;
                var myYear = document.getElementById('yearVal').value;
                var myMonth = document.getElementById('monthVal').value;
                var myDate = document.getElementById('dateVal').value;
                var myYear = (y-myYear);
                var myMonth = (m-myMonth);
                var myDate = (d-myDate);
                document.getElementById('ageId').style.display = 'none';    
                document.getElementById('result').innerHTML = 'You are '+myYear+'years '+myMonth+' months and '+myDate + ' days old :-)';
                            }   function clear() {      document.getElementsByTagName('input').value = '';  }
    </script>   </head>   <body>
    <button onclick="calAge();">Age Calculator</button> <br>
    <div id="ageId" style="display:none;">
        <b>Please Enter your Date Of Birth in (dd/mm/yyyy) format:</b>
        <input type="text" class="clear" id="dateVal" name="date" value="date" onblur="clear();"/>/
        <input type="text" class="clear" id="monthVal" name="month" value="month" />/
        <input type="text" class="clear" id="yearVal" name="year" value="year" />
        <input type="button" value="submit" onclick = "submitValues();" />
    </div>
    <div id="result">
    </div>   </body> </html>
4

1 に答える 1

0

HTML5にはplaceholder属性があります。元：

<input type="text" placeholder="Enter Date" id="dateVal" name="date" />

これを使って、私が望むものを手に入れることができました。ありがとう、誰かに役立つかもしれません。

于 2012-06-28T07:27:27.663 に答える