码迷,mamicode.com
首页 > 其他好文 > 详细

文本框输入,用户交互

时间:2017-08-06 14:03:12      阅读:137      评论:0      收藏:0      [点我收藏+]

标签:html   处理程序   --   ges   按钮   value   分享   rip   处理   

<html>
<head>
<title>4-16</title>
</head>
    <body>
    <!--配置一个文件输入框和一个按钮,与用户交互用-->
    <li>50点点卡单价为4.5元,您确定购买
    <input id="Text1" style="width: 31px; height: 18px" type="text" />张。
    <input id="Button1" type="button" value="确定支付" onclick="return Button1_onclick()" />
    (最多不能超过5张)
    <script language="javascript">
    <!--
    function Button1_onclick()                     // 按钮单击事件处理程序
    {
        if( (Text1.value < 1) || isNaN(Text1.value) )   // 输入小于0或不是数字,则清除文本框内容并要求重输
        {
            alert( "您的输入不正确,请重新输入" );
            Text1.value = "";
        }
        else                                      // 输入合法则统计总金额
        {
            alert( "您的应当支付:" + Text1.value * 4.5 + "元" );
        }
    }
    -->
    </script>
    </body>

</html>

out:

技术分享

 

文本框输入,用户交互

标签:html   处理程序   --   ges   按钮   value   分享   rip   处理   

原文地址:http://www.cnblogs.com/huodaihao/p/7294462.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!