JavaScript：Day two

最新推荐文章于 2024-03-24 23:02:04 发布

十二十贰

最新推荐文章于 2024-03-24 23:02:04 发布

阅读量217

点赞数

本文链接：https://blog.csdn.net/qq_24081207/article/details/45377525

版权

明天就要去上实验课了，我觉得你可以直接看一下实验三的内容。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>wuzengfeng.html</title>
    <script language="javascript">
            function check()
            {
                var name=document.MyForm.name.value;
                if(name=="")
                {
                    alert("请输入姓名！");
                    return false;
                }
                var pwd=document.MyForm.pwd.value;
                if(pwd.length<6||pwd.length>10)
                {
                    alert("密码的位数为6-10位！");
                    return false;
                }
                var sex=document.MyForm.sex;
                var f=false;
                for(var i=0;i<sex.length;i++)
                {
                    if(sex[i].checked)
                    {
                        f=true;
                        break;
                    }
                }
                if(!f)
                    alert("请选择性别！");
            }
    </script>
  </head>

    <body>
        <form  action="" name="MyForm" onsubmit="check()">
            <table align="center">
                <tr>
                    <td>姓名：</td>
                    <td><input type="text" name="name"/></td>
                </tr>
                <tr>
                    <td>密码：</td>
                    <td><input type="password" name="pwd" /></td>
                </tr>
                <tr>
                    <td>性别：</td>
                    <td>
                        <input type="radio" name="sex" />男
                        <input type="radio" name="sex" />女
                    </td>
                </tr>
                <tr>
                    <td colspan="2" align="center">
                        <input type="submit" value="提交"/>
                    </td>
                </tr>
            </table>
        </form>
    </body>
</html>

这个不是我写的，但是答辩的时候要考，你最好看会然后自己写一遍，写出自己的风格（？）。
首先要弄明白这个东西是干什么的，然后再去纠结语法问题。这个是一个网页（废话），上面有2个东西一个是HTML的界面，还有一个是用JavaScript做的：对事件作出反应/验证输入（在输入错东西后弹出不同的提示）。
HTML：这个界面是2个输入东西的框，2个选项，一个按钮。
- HTML form 标签的 action 属性：**必需的 action 属性规定当提交表单时，向何处发送表单数据。**action=”“就是里面不写地址，那么发送到当前的默认网页。
- HTML form 标签的 method 属性：method 属性规定如何发送表单数据（表单数据发送到 action 属性所规定的页面）。表单数据可以作为 URL 变量（method=”get”）或者 HTTP post （method=”post”）的方式来发送。get：短的，但是完整传递完毕才读取；post：一般来说是长的，边传边读。
- onsubmit 事件会在表单中的确认按钮被点击时发生。eg： οnsubmit=”SomeJavaScriptCode”
- HTML td 标签的 colspan 属性：colspan 属性规定单元格可横跨的列数。
JavaScript：这个实现的内容就是3个报错，第一个是检查有没有输入姓名，第二个是密码的长度在6-10之间，第三个是有没有选择性别。并且给出相应的报错信息。
- alert() 方法用于显示带有一条指定消息和一个 OK 按钮的警告框。
- var 标签表示变量的名称，或者由用户提供的值。
- 在这个地方return false表示的是终止表单的提交。
- 基本都能看懂，现在的问题是不知道最后是什么意思，在一个表单中如何判断一个单选框是否被选中？
- checked 属性规定在页面加载时应该被预先选定的 input 元素。checked 属性也可以在页面加载后，通过 JavaScript 代码进行设置。if sex[i].checked 就是说，如果sex的第I个字节被预先选中的时候，（在没有选的情况下，当然就没了），将f=1，就不警告了，否则f=0，是错的，警告。

十二十贰

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript：Day two

明天就要去上实验课了，我觉得你可以直接看一下实验三的内容。<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head> <title>wuzengfeng.html</title> <script language="javascript"> function
复制链接

扫一扫