十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
javascript 实现即时验证表单信息二种方法:
成都创新互联公司专注为客户提供全方位的互联网综合服务,包含不限于网站制作、成都网站建设、密山网络推广、成都微信小程序、密山网络营销、密山企业策划、密山品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等,从售前售中售后,我们都将竭诚为您服务,您的肯定,是我们最大的嘉奖;成都创新互联公司为所有大学生创业者提供密山建站搭建服务,24小时服务热线:18982081108,官方网址:www.cdcxhl.com
第一种方式:表单提交,在form标签中增加onsubmit事件来判断表单提交是否成功
script type="text/javascript"
function validate(obj) {
if (confirm("提交表单?")) {
alert(obj.value);
return true;
} else {
alert(obj.value);
return false;
}
}
/script
body
form action="" onsubmit="return validate(document.getElementByIdx_x('myText'));" !—参数的这种写法注意下--
input type="text" id="myText"/
input type="submit" value="submit"/
/form
/body
第二种方式:通过button按钮来触发表单提交事件onclick="submitForm();",会忽略掉其他标签中的属性,比如form标签中的onsubmit属性就失效了。这时为了进行表单验证,可以将验证代码放在submitForm();方法中进行验证。
script type="text/javascript"
function validate() {
if (confirm("提交表单?")) {
return true;
} else {
return false;
}
}
function submitForm() {
if (validate()) {
document.getElementByIdx_x("myForm").submit();
}
}
/script
body
form action="" id="myForm"
input type="text"/
input type="button" value="submitBtn" onclick="submitForm();"/ !—也可以使用document.getElementByIdx_x(“该按钮的id”).click();来执行onclick事件--
/form
/body
input id="test" /
input id="btnSubmit" type="button" value="提交按钮" /
script
var btnSubmit = document.getElementById('btnSubmit'); // 获取按钮
btnSubmit.onclick = function (e) { // 给按钮绑定click事件
var input = document.getElementById('test'); // 获取文本框
var curVal = input.value; // 获取文本框内容
if (curVal) { // 文本框有内容(此处的合法性判断,你可以根据具体情况做处理)
window.location.href = 'www.' + curVal + '.com'; // 跳转到对应的链接
}
};
/script
JavaScript是一种具有函数优先的轻量级,解释型或即时编译型的高级编程语言。虽然它是作为开发Web页面的脚本语言而出名的,但是它也被用到了很多非浏览器环境中,JavaScript 基于原型编程、多范式的动态脚本语言,并且支持面向对象、命令式和声明式(如函数式编程)风格。
JavaScript在1995年由Netscape公司的Brendan Eich,在网景导航者浏览器上首次设计实现而成。因为Netscape与Sun合作,Netscape管理层希望它外观看起来像Java,因此取名为JavaScript。但实际上它的语法风格与Self及Scheme较为接近。
JavaScript的标准是ECMAScript 。截至 2012 年,所有浏览器都完整的支持ECMAScript 5.1,旧版本的浏览器至少支持ECMAScript 3 标准。2015年6月17日,ECMA国际组织发布了ECMAScript的第六版,该版本正式名称为 ECMAScript 2015,但通常被称为ECMAScript 6 或者ES6。
扩展资料:
JavaScript是一种脚本语言,其源代码在发往客户端运行之前不需经过编译,而是将文本格式的字符代码发送给浏览器由浏览器解释运行。直译语言的弱点是安全性较差,而且在JavaScript中,如果一条运行不了,那么下面的语言也无法运行。而其解决办法就是于使用try{}catch(){},其中,catch()中会传入错误信息。
JavaScript被归类为直译语言,因为主流的引擎都是每次运行时加载代码并解译。V8是将所有代码解译后再开始运行,其他引擎则是逐行解译(SpiderMonkey会将解译过的指令暂存,以提高性能,称为实时编译),但由于V8的核心部分多数用JavaScript撰写(而SpiderMonkey是用C++),因此在不同的测试上,两者性能互有优劣。与其相对应的是编译语言,例如C语言,以编译语言编写的程序在运行之前,必须经过编译,将代码编译为机器码,再加以运行。
参考资料:百度百科-javascript
页面就不写了,帮你把验证的js方法写好了。 调用的话,你在form的onsubmit时调用就行。
script
//用户名要以字母开头;
var isUserName = function(s){
var patrn=/^[a-zA-Z]+$/;
if (!patrn.exec(s))
return false ;
return true ;
}
//两次输入的密码需要一样;
var isPassword = function(s1,s2){
if(!s1==s2)
return false ;
return true ;
}
//输入的EMAIL地址中必须要有’@’;
var isEmail = function(s){
var patrn=/^[\\w-]+(\\.[\\w-]+)*@[\\w-]+(\\.[\\w-]+)+$/;
if (!patrn.exec(s))
return false ;
return true ;
}
//有些输入项是必填项,不能为空;
var isEmpty = function(s){
var patrn=/^[\s\S]+$/;
if (!patrn.exec(s))
return false ;
return true ;
}
/script
希望对你有用。
什么是 JavaScript?
JavaScript 被设计用来向 HTML 页面添加交互行为。
JavaScript 是一种脚本语言(脚本语言是一种轻量级的编程语言)。
JavaScript 由数行可执行计算机代码组成。
JavaScript 通常被直接嵌入 HTML 页面。
JavaScript 是一种解释性语言(就是说,代码执行不进行预编译)。
所有的人无需购买许可证均可使用 JavaScript。
JavaScript 能做什么?
JavaScript 为 HTML 设计师提供了一种编程工具
HTML 创作者往往都不是程序员,但是 JavaScript 却是一种只拥有极其简单的语法的脚本语言!几乎每个人都有能力将短小的代码片断放入他们的 HTML 页面当中。
JavaScript 可以将动态的文本放入 HTML 页面
类似于这样的一段 JavaScript 声明可以将一段可变的文本放入 HTML 页面:document.write("h1" + name + "/h1")
JavaScript 可以对事件作出响应
可以将 JavaScript 设置为当某事件发生时才会被执行,例如页面载入完成或者当用户点击某个 HTML 元素时。
JavaScript 可以读写 HTML 元素
JavaScript 可以读取及改变 HTML 元素的内容。
JavaScript 可被用来验证数据
在数据被提交到服务器之前,JavaScript 可被用来验证这些数据。
JavaScript 可被用来检测访问者的浏览器
JavaScript 可被用来检测访问者的浏览器,并根据所检测到的浏览器,为这个浏览器载入相应的页面。
JavaScript 可被用来创建 cookies
JavaScript 可被用来存储和取回位于访问者的计算机中的信息。
JavaScript(简称“JS”)是一种具有函数优先的轻量级,解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名,但是它也被用到了很多非浏览器环境中,JavaScript基于原型编程、多范式的动态脚本语言,并且支持面向对象、命令式、声明式、函数式编程范式。
javascript是一种解释类型的语言,跟c++、c语言这些不一样(先编译后执行),它是在程序运行过程中每行都要进行解释。javascript不仅是一种基于对象的脚本语言,它既可以创建对象,也可以直接使用已有的对象。
javascript是事件驱动性的脚本语言,比如用户在访问网页时,鼠标在点击,移动等操作。javascript是可以直接对这些时间做出相应,并不需要通过web服务器来对用户的行为做出相应。
javascript特点:
1、简单性
javascript是弱类型的变量类型,对于数据类型并没有严格要求,她的设计简单紧凑。
2、跨平台性
javascript是不需要依靠操作系统,只要浏览器支持,它编译后就可以直接带到任何支持浏览器脚本语言上就可以直接使用了,而javascript几乎已经获得所有浏览器的支持。
javascript是事件驱动性的脚本语言,比如用户在访问网页时,鼠标在点击,移动等操作。javascript是可以直接对这些时间做出相应,并不需要通过web服务器来对用户的行为做出相应。