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>   
        function validateForm(){
     
        var x = document.forms["myForm"]["fname"].value;
        if(x == null || x == ""){
     
            alert("输入名字");
            return false;
        }
    }
</script>
</body>
  1. onclick:是按钮等控件使用,用来触发点击事件。

  2. onsubmit:只能在表单上使用,提交表单前触发。

  3. action:指出表单提交时表单数据将被发往哪里。表单要提交的地址。地址可以是请求后台的地址,如Servlet, Struts 等;也可以是提交到另一个页面的地址,如HTML,jsp等。假如没有写这个action属性,那么会有默认的属性设置,即 当前路径。

  4. method是将表单的数据从浏览器传送到服务器的方法。即开始时浏览器将与 action
    属性中指定的表单处理服务器建立联系,一旦建立连接之后,浏览器就将数据发送给服务器。常用的有get和post方法。

  5. get:是以url传递的,因为地址栏长度有限,所以对数据量有限制,而且传递的数据必须是在ASCCI码值范围内,因此,传中文会有乱码,需特殊处理;

  6. post:是传递大量数据时使用的,在数据传递之前会先将数据打包,因此这种传递数据的方式会效率会比较慢,但是穿过的数据都能正确解析,所以传中文不会有乱码。

  7. input表示form表单中的一种输入对象,随type的不同分为各种不同输入框及按钮。type值可为text,passward,file,button,checkbox,hidden(隐藏域)等。

  8. name规定了input元素的名称。该属性可对提交到服务器后的表单数据进行标志,这样才能使表单元素在提交时传递其值。

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

onclick和onsubmit_第1张图片Controller接受也是“file”
onclick和onsubmit_第2张图片

可以参考一下这里

个人理解,有错误还请指出!!谢谢啦~~~

你可能感兴趣的:(#js学习笔记)