onclick和onsubmit

最新推荐文章于 2022-07-07 17:32:17 发布

丽个啷个江

最新推荐文章于 2022-07-07 17:32:17 发布

阅读量353

点赞数

本文链接：https://blog.csdn.net/lijiang_shen/article/details/108414344

版权

js学习笔记专栏收录该内容

12 篇文章 0 订阅

订阅专栏

表单验证：

<body>
    
    <form action="demo_form.php" name="myForm" onsubmit="return validateForm()"
        method="POST">名字:<input type="text" name="fname">
        <input type="submit" value="提交">
    </form>
    <script>   
        function validateForm(){
        var x = document.forms["myForm"]["fname"].value;
        if(x == null || x == ""){
            alert("输入名字");
            return false;
        }
    }
</script>
</body>

onclick：是按钮等控件使用，用来触发点击事件。
onsubmit：只能在表单上使用，提交表单前触发。
action：指出表单提交时表单数据将被发往哪里。表单要提交的地址。地址可以是请求后台的地址，如Servlet, Struts 等；也可以是提交到另一个页面的地址，如HTML，jsp等。假如没有写这个action属性，那么会有默认的属性设置，即当前路径。
method是将表单的数据从浏览器传送到服务器的方法。即开始时浏览器将与 action
属性中指定的表单处理服务器建立联系，一旦建立连接之后，浏览器就将数据发送给服务器。常用的有get和post方法。
get：是以url传递的，因为地址栏长度有限，所以对数据量有限制，而且传递的数据必须是在ASCCI码值范围内，因此，传中文会有乱码，需特殊处理；
post：是传递大量数据时使用的，在数据传递之前会先将数据打包，因此这种传递数据的方式会效率会比较慢，但是穿过的数据都能正确解析，所以传中文不会有乱码。
input表示form表单中的一种输入对象，随type的不同分为各种不同输入框及按钮。type值可为text，passward，file，button，checkbox，hidden（隐藏域）等。
name规定了input元素的名称。该属性可对提交到服务器后的表单数据进行标志，这样才能使表单元素在提交时传递其值。

样例：
上传文件前端页面是name=“file”

在这里插入图片描述 Controller接受也是“file”

可以参考一下这里

个人理解，有错误还请指出！！谢谢啦~~~

丽个啷个江

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
onclick和onsubmit

表单验证：<body> <form action="demo_form.php" name="myForm" onsubmit="return validateForm()" method="POST">名字:<input type="text" name="fname"> <input type="submit" value="提交"> </form> <script&gt
复制链接

扫一扫