javascript--对象/函数传参/js验证表单_表单校验函数传参-优快云博客

本文链接：https://blog.youkuaiyun.com/qw160/article/details/115426756

这个博客展示了JavaScript中对象的定义与属性访问，通过`person.lastName`获取对象属性值。另外，它还演示了如何结合`innerHTML`展示对象属性。此外，文中还介绍了如何在HTML中使用JavaScript函数传递参数，以及利用`onsubmit`事件实现表单验证，如果用户未填写信息则阻止表单提交。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

对象定义

var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};

去除属性值

person.lastName;

例子：与innerhtml组合点按查询属性

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        var person={name:"危笑",id:"20185358"}
        function show(){
            document.getElementById("demo").innerHTML="姓名："+person.name+"学号："+person.id;
           // document.getElementById("demo").innerHTML=person.id

        }
    </script>
</head>
<body>
    <div id="demo"></div>
    <button type="button" onclick="show()">显示信息</button>
</body>
</html>

函数传参

注意给的参数要单引号

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        function show(name,id){
          alert(name,id);
        }
    </script>
</head>
<body>
    <button onclick="show('危笑','20185358')">点击</button>
</body>
</html>

js验证表单

也就是不给服务器，onsubmit()拦截，如果填写有误直接不给提交

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        function check(){
            var x=document.forms["demo"]["id"].value;
            if (x==null||x==""){
                alert("未填写信息");
                return false;
            }
            
        }
    </script>
</head>
<body>
    <form name="demo" action="" method="post"  onsubmit="check()">
        <input type="text" name="id">
        <input type="submit" value="提交给js验证是否为空">
    </form>
</body>
</html>```