jQuery實現輸入框功能

時間 2020-12-03

標籤 html jquery code xml htm blog input 欄目 JQuery 简体版

原文原文鏈接

GIF動態圖：html

代碼：jquery

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/html">
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script src="jquery-3.3.1.js"></script>
</head>
<body>
<div id="div09">
<p><input id="userName" type="text"></p>
<p><input id="password" type="password"></p>
<p><button type="button" id="btn">提交</button></p>
</div>
<script>

 $("#btn").on('click',function(){
           var name = $('[type=text]').val();
            var pwd = $('[type=password]').val();
            if(name.length==0){
                alert("你輸入的不能爲空")
            }
            if(pwd.length<6){
                alert("你輸入的長度不能夠少於6位")
            }

        });
</script>
</body>
</html>

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。