站长设计网页时用到大量的js代码,当然少不了js验证用户输入的合不合格式,格式对就通过验证,自动提交表单,格式不对就弹出错误对话框,重新输入表单。这种判断并提交表单的方法有2种:

1、submit验证

function checkUser(){

var result = document.getElementById("userid").value;

var password = document.getElementById("userpassid").value;

if(result == ""  ){

alert("用户名不能为空");

return false;

}

if(password == ""  ){

alert("密码不能为空");

return false;

}else{

return true;

}

}

用户名 
密  码 
 

2、button验证

function checkUser(){

var result = document.getElementById("userid").value;

var password = document.getElementById("passid").value;

if(result == ""  ){

alert("用户名不能为空");

return false;

}

if(password == ""  ){

alert("密码不能为空");

return false;

}

document.getElementById("formid").submit();

}

form表格的写法,需要写id

button按钮的写法如下:

html button 自动提交,html+js表单form验证自动提交的2种提交方式button和相关推荐

  1. django后台添加学生-jquery实现表单正则表达式验证,判断是否可以进行提交

    话不多说,先放图 左边的导航就不放代码了,需要再问 (1)视图模板 (2)路由(urls.p) (3)views.py # GET:向服务器 获取 数据 # POST:向服务器 提交 数据 # 添加学 ...

  2. 使用HttpWebRequest提交ASP.NET表单并保持Session和Cookie

    using System; using System.Collections.Generic; using System.ComponentModel; using System.Data; usin ...

  3. html表单代码原理,HTML表单form

    源码下载 窗口HTML结构 账号:密码: 代码解析 最外层父元素form是块元素,form表单的属性action.method.name都是关于http通信功能的属性,不影响表单form块元素的布局和 ...

  4. js表单提交,面向对象

    一.js表单验证之后再提交 1.普通按钮onclick函数调用表单的submit()函数 <input type=button name="submit1" value=&q ...

  5. ajax如何实现表单验证码,Ajax实现提交表单时验证码自动验证(原创自Zjmainstay)...

    本文通过源码展示如何实现表单提交前,验证码先检测正确性,不正确则不提交表单,更新验证码. 1.前端代码 index.html 验证码提交自验证 用户名 验证码 (function($){ $(docu ...

  6. js登录特效+ajax提交表单+异步刷新验证

    今天成功测试一种js登录特效+ajax提交表单+异步刷新验证,登录时特效提醒,无刷新ajax提交表单,获取验证结果,跳转正式页面:废话不多说,先直接分享代码: 1.主界面index.php  加载的这 ...

  7. JS表单的获取、表单元素的获取、提交表单

    获取表单 document.getElementById("id属性值"),通过表单的id属性值获取属性对象 document.表单的name属性值,通过表单的name属性值获取表 ...

  8. JQuery 动态创建表单,并自动提交

    前言:写这个是为了实现使用cookie进行自动登录的功能, 下面的代码是一个元素一个元素进行创建和赋值的, (可以尝试下将所有的html代码(form.input)全部拼好以后放到${ } 中,再进行 ...

  9. Jquery提交表单 Form.js官方插件介绍

    來源:http://hi.baidu.com/dereky/blog/item/f9e8ab64c52f4ff3f736540c.html [JQuery框架应用]:form.js官方插件介绍 For ...

最新文章

  1. FirefoxLinux下的网银离我们不远了
  2. 算法竞赛入门与进阶 (三)贪心
  3. python3.5安装scrapy_Python3.5下安装测试Scrapy
  4. 开源.Net Standard版华为物联网北向接口SDK
  5. 微信小程序阻止冒泡点击_微信小程序bindtap事件与冒泡阻止详解
  6. 保护视力,我写的一个定时提醒的小玩意。
  7. python写微信公众号文章_Python爬取微信公众号文章
  8. 解决WebStorme点击谷歌浏览器图标无反应问题
  9. [总结]IOS开发工程师之路
  10. 利用o(nlogn)的时间复杂度对某一个区间进行质因数分解
  11. (五)、马尔科夫预测模型
  12. 车载监控需求日益上升, 浅析车载远程视频监控解决方案
  13. 设置元素旋转中心点(transform-origin)
  14. 服务网格(Service Mesh)架构
  15. mc服务器小地图不显示玩家,我的世界旅行地图小地图不显示只显示地形 | 手游网游页游攻略大全...
  16. MySQL约束那些事(超级详细,附带代码解析)
  17. C++为什么始终无法取代 C 吗?
  18. Android-布局优化
  19. 变频器服务器维修培训,1、服务器培训.doc
  20. unturned服务器重置,《Unturned》服务器建立方法详解

热门文章

  1. ubuntu下安装psycopg2报错
  2. Django复习:视图和模版
  3. Ubuntu常用服务器ftp、ssh
  4. 自己专属的Ubuntu系统伪装Mac
  5. 微信小程序页面间传递文本数据
  6. Django自带的用户验证与事务管理的基本概念理解
  7. 漫步最优化十六——优化的一般问题
  8. 马氏距离详解(数学原理、适用场景、应用示例代码)
  9. Linux 服务器高级编程ET LT代码
  10. setw()(转载)