js表单提交的三种方式

第一种:

<script type="text/javascript">
    function check(form) {
        if (form.userId.value == ‘‘) {
            alert("请输入用户帐号!");
            form.userId.focus();
            return false;
        }
        if (form.password.value == ‘‘) {
            alert("请输入登录密码!");
            form.password.focus();
            return false;
        }
        return true;
    }
</script>  

<form action="login.do?act=login" method="post">
    用户帐号
    <input type=text name="userId" size="18" value="">
    <br>
    登录密码
    <input type="password" name="password" size="19" value=""/>
    <input type=submit name="submit1" value="登陆" onclick="return check(this.form)">
</form>  

第二种

<script type="text/javascript">
    function check(form) {
        if (form.userId.value == ‘‘) {
            alert("请输入用户帐号!");
            form.userId.focus();
            return false;
        }
        if (form.password.value == ‘‘) {
            alert("请输入登录密码!");
            form.password.focus();
            return false;
        }
        return true;
    }
</script>  

<form action="login.do?act=login" method="post" onsubmit="return check(this)">
    用户帐号
    <input type=text name="userId" size="18" value="">
    <br>
    登录密码
    <input type="password" name="password" size="19" value=""/>
    <input type=submit name="submit1" value="登陆">
</form> 

第三种

<script type="text/javascript">
    function check(form) {
        if (form.userId.value == ‘‘) {
            alert("请输入用户帐号!");
            form.userId.focus();
            return false;
        }
        if (form.password.value == ‘‘) {
            alert("请输入登录密码!");
            form.password.focus();
            return false;
        }
        document.myform.submit();
    }
</script>  

<form action="login.do?act=login" name="myform" method="post">
    用户帐号
    <input type=text name="userId" size="18" value="">
    <br>
    登录密码
    <input type="password" name="password" size="19" value=""/>
    <input type=button name="submit1" value="登陆" onclick="check(this.form)">
</form>  
时间: 2024-10-29 03:01:29

js表单提交的三种方式的相关文章

form表单提交的两种方式 button和submit的使用方法

1.当输入用户名和密码为空的时候,需要判断.这时候就用到了校验用户名和密码,这个需要在jsp的前端页面写:有两种方法,一种是用submit提交.一种是用button提交.方法一: 在jsp的前端页面的头部插入一个js方法: function checkUser(){   var result = document.getElementById("userid").value;   var password = document.getElementById("userpass

form表单提交的两种方式

1.当输入用户名和密码为空的时候,需要判断.这时候就用到了校验用户名和密码,这个需要在jsp的前端页面写:有两种方法,一种是用submit提交.一种是用button提交.方法一: 在jsp的前端页面的头部插入一个js方法: function checkUser(){   var result = document.getElementById("userid").value;   var password = document.getElementById("userpass

表单提交的3种方式,http post的contentType

application/x-www-form-urlencoded:窗体数据被编码为名称/值对.这是标准的编码格式.这是默认的方式 multipart/form-data:窗体数据被编码为一条消息,页上的每个控件对应消息中的一个部分.二进制数据传输方式,主要用于上传文件 text/plain:窗体数据以纯文本形式进行编码,其中不含任何控件或格式字符.

Struct1中 Form表单提交的几种方式以及无刷新提交的方式

直接action 无刷新提交 ajaxForm ajaxsubmit iform 暂记 回去整理

jquery.validate+jquery.form提交的三种方式

原文:http://www.cnblogs.com/datoubaba/archive/2012/06/06/2538873.html jquery.validate+jquery.form提交的三种方式 概述:本篇主要讨论jquery.validate结合jquery.form实现对表单的验证和提交方案. 方式一:是通过jquery.validate的submitHandler选项,即当表单通过验证时运行回调函数.在这个回调函数中通过jquery.form来提交表单: 方式二:是通过jquer

表单提交(三)——阻止Eneter键提交表单

当用户在文本框中进行编辑时,按下键盘Enter键,会触发表单提交.为了防止这种意外,有一种方法就是拒绝所有表单提交, 然后通过单击指定的提交命令按钮才能提交表单. 首先,将"return false"绑定到表单的onsubmit事件,来阻止所有表单提交. 第二,使用input="button"通过onclick事件,以this.form.submit()方法提交,而不会触发onsubmit事件. 所以不能使用jquery方式$("#myForm"

html表单提交的几种方法

原文地址:http://www.ijser.cn/?p=34 最普通最经常使用最一般的方法就是用submit type..看代码: <form name=”form” method=”post” action=”#"> <input type=”submit” name=”submit” value=”提交"> </form> 另外,另一种经常使用的方法是使用图片: <form name=”form” method=”post” action=

js表单提交回调函数

在研究表单的时候发现一个有意思的东西——在表单提交的时候如何保证数据全部提交完毕才会清空? 我们常用的<input type="reset" value="重置" />,或者jquery的$('input[name=xxx]')val(''),直接清空input的value值,都是单纯的直接清空,不会等待数据提交完毕后在清空,所以会有数据传输没完成就清空的情况,怎么解决? 搜索的时候发现一个答案——写一个回调函数,感觉不严谨.先记录下来,以后慢慢研究.

JS中事件绑定的三种方式

以下是搜集的在JS中事件绑定的三种方式. 1. HTML onclick attribute <button type="button" id="upload" onclick="upload_file();"> 原文: http://www.w3school.com.cn/jsref/jsref_events.asp 2. jQuery .on() $(node).on("change", function(e)