当前位置：首页 > 编程日记 > 正文

用js方法做提交表单的校验

编程日记 2024-01-30 23:00:00

基础知识：

原始提交如下：


<form action="<%=basePath %>puser/register" method="post"><input placeholder="Name" name="realname">  <input type="email" placeholder="Email" name="email"><input type="password" placeholder="Password" name="password"><input type="password" placeholder="Again input Password"  ><button type="submit"></button></form>

说明：

form是一个表单，用来发送http请求。直观的说，只要用form将需要提交到服务器的标签包围，当提交的时候，就会向服务器发送有name属性的数据。所以，input内容提交必须有name属性。
action：服务器接口路径；
method:选择发送请求的方式，默认是get，通常用post。get请求会在地址栏显示参数，并且有长度限制。post则没有。
id:标识标签元素
当提交后，服务器就会得到：username=填的用户名 & password=填的密码
当点击提交后，form数据就会发送。通常提交前要校验数据。比如长度规则等。所以需要js。　　　　
js校验：

方法：
　　　　　在from属性后面接着添加οnsubmit="return false;"属性.表示不提交。true则相反。这里可以用一个方法替换。变成：

<form action="<%=basePath %>puser/register" method="post" onsubmit="return compare();">

js方法部分：

<script type="text/javascript">function compare(){var password = document.getElementById("password").value;var password2 = document.getElementById("password2").value;if(password!=password2){alert("两次输入的密码不一致！！");return false;}    		}       		
</script>

除此之外还有使用ajax提交，在那之前进行校验（关于ajax请查看我的其他文章），以上。

https://www.dkcj.cn/info/1094.html

用js方法做提交表单的校验

基础知识：

原始提交如下：

说明：

相关文章：

tree类型题目需要用到的头文件tree.h

用easyui动态创建一个对话框

网站收录工具(php导航自动收录源码)_网站如何快速收录，网站不收录怎么办？...

JS Uncaught SyntaxError:Unexpected identifier异常报错原因及其解决方法

python 打印皮卡丘_Python到底是什么？学姐靠它拿了5个offer

有一个1亿结点的树,已知两个结点, 求它们的最低公共祖先!

数据库SQL优化大总结之百万级数据库优化方案

js定时执行函数

BST(binary search tree)类型题目需要用到的头文件binary_tree.h

终止js程序执行的方法

将BST转换为有序的双向链表!

计算机病毒实践汇总五：搭建虚拟网络环境

form表单提交前进行ajax或js验证，校验不通过不提交

中体骏彩C++面试题

Fibonacci数列的java实现

stream流对象的理解及使用

永成科技C++笔试题

事务库事务隔离级别

十大算法，描述+代码+演示+分析+改进（赶紧收藏！）

webkit入门准备

oracle操作

一个form表单，多个提交按钮（实现不同功能和地址的提交）

chrome 硬件渲染(GPU Accelerated Compositing in Chrome)

CCS Font 知识整理总结

Maven安装与配置（最实用！！！）eclipse中配置maven

在Ubuntu 12.04 64bit上配置,安装和运行go程序

Linux下三个密码生成工具

javabean实体类与实体类之间的快速转换

ATS程序功能和使用方法详解

java 读取txt,java读取大文件