无法获取文本框中得值如何做？代码如下

无法获取文本框中得值怎么做？代码如下
<p>验证电话号码<br />
</p>
<form id="form1" name="form1" method="post" action="" >
<p>
<label for="phonenumber1">电话号码</label>
<input type="text" name="phonenumber" id="ph"/>
</p>
<p></p>
<p>
<span style="display:block; width:230px; text-align:center">
<input type="button" name="hhh" value="提交">
</span>
<script language="javascript">
var number1=document.getElementById("ph").value;
form1.hhh.onclick=click;
function click(){
alert("号码为："+number1);
}
</script>
</p>
<p><br />
</p>
</form>

var number1=document.getElementById("phonenumber");这个样子也获取不了


要么为null要么提醒【object HTMLInputElement】
------解决思路----------------------
<script language="javascript">
form1.hhh.onclick=click;
 var regExpression= /^(0\d{2,3}-)?(\d{7,8})(-(\d{3,}))?$/;   
function click(){
var number1=document.getElementById("ph").value;
alert("号码为："+number1);
alert(regExpression.test(number1))
}
</script>