jQuery初學基礎常用內容——表單驗證
阿新 • • 發佈：2018-11-28
//在html中相關程式碼 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <body> <form id="login" action="result.html"> 使用者名稱:<br> <input type="text" /><br> 密碼:<br> <input type="password"/> </form> <button id="login-triggle">提交/登入</button> <script src="node_modules/jquery/dist/jquery.js"></script> <script src="JS/main.js"></script> </body> </html>
//在JS中相關程式碼
// var nn = $('#nickname').val('Yo.'); val()方法可以找到或者改變value的值
// $('#nickname').focus(); 程式執行之後立馬聚焦
// $('#nickname').select(); 程式執行之後立馬選中文字框中的所有內容
//$('#nickname').blur();不在聚焦
$('#login-triggle').on('click',function () {
$('#login').submit();
})