12-01Js表单验证和JsWindow
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了12-01Js表单验证和JsWindow,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含2476字,纯文字阅读大概需要4分钟。
内容图文
一、表单验证form
1、创建一个新的表单:
<form id="id是唯一的,不可重复" name=“可重复”,method="post/get",action="目标或地址,负责处理的服务端,将文本等传输到什么地方">
//方法1:post提交后无长度限制,且编码后内容不可见。
//方法2:get提交有长度限制,并且编码后的内容在地址栏可见
(input 元素)
</form>
2、表单的作用:能够把网址、数据一块传输到数据库。
3、动作属性:action和确认按钮
当用户单击确认按钮时,表单的内容会被传送到另一个文件。表单的动作属性定义了目的文件的文件名。由动作属性定义的这个文件通常会对接收到的输入数据进行相关的处理。
二、JavaScripeWindow--浏览器对象模型
1、window对象
所有浏览器都支持Window对象,它表示浏览器窗口。全局变量是window对象的属性,全局函数是window对象的方法。
2、JsPopupAlert消息框
<input name="" type="submit" onclick="return tijiao()" value="提交"/><!--调用方法时加return-->
<!--Js消息框-->
1)确认框confirm的使用
<!--1.确认框confirm的用法-->
<script>
function tijiao()
{
var zhi=confirm("是否提交");
if (zhi)
{
return true;
}
else
{
return false;
}
}
</script>
<!--表单在调用函数时,加return,否则不起作用
2)提示框prompt的使用
<input name="" type="submit" onclick="return tijiao()" value="提交"/><!--调用方法时加return-->
!--2.提示框prompt的用法-->
<script>
function tijiao()
{
var zhi=prompt("是否提交");<!--在点击提交按钮,出现prompt脚本提示框-->
if (zhi)
{
return true;
}
else
{
return false;
}
}
</script>
3)警告框alert的使用
<form action="" method="get">
<label>请输入您的邮箱:</label>
<input name="" type="text" id="youxiang"/>
<input name="" type="submit" value="提交2" onclick="y()" />
</form>
function y()
{
var yx=new RegExp(/^[0-9|A-z|_]{1,17}@[A-z|0-9]{1,5}.(com|cn|net|org|cc)$/);
var shuru=document.getElementById("youxiang").value; <!--定义变量,调用的是整个function,,必须把变量写在function内-->
if(yx.test(shuru))<!--test正则表达式的方法-->
{
alert("zhengque");
}
else
{
alert("cuowu");
}
}
</script>
3、timing计时的方法
setTimeout();未来的某时执行代码--利用递归的方法
clearTimeout();取消setTimeout();
三、JQuery库(重点)--是一个Javascript库。
主要的 jQuery 函数是 $() 函数(jQuery 函数)。如果您向该函数传递 DOM 对象,它会返回 jQuery 对象,带有向其添加的 jQuery 功能。
jQuery 允许您通过 CSS 选择器来选取元素。
1)语法:
$(this).hide() - 隐藏当前元素
$("p").hide() - 隐藏所有段落
$(".test").hide() - 隐藏所有 class="test" 的所有元素
$("#test").hide() - 隐藏所有 id="test" 的元素
2)选择器
<1>属性选择器 :jQuery 使用 XPath 表达式来选择带有给定属性的元素。
$("[href]") 选取所有带有 href 属性的元素。
$("[href=‘#‘]") 选取所有带有 href 值等于 "#" 的元素。
$("[href!=‘#‘]") 选取所有带有 href 值不等于 "#" 的元素。
$("[href$=‘.jpg‘]") 选取所有 href 值以 ".jpg" 结尾的元素。
<2>元素选择器:jQuery 使用 CSS 选择器来选取 HTML 元素。
$("p") 选取 <p> 元素。
$("p.intro") 选取所有 class="intro" 的 <p> 元素。
$("p#demo") 选取所有 id="demo" 的 <p> 元素。
<3>CSS选择器:jQuery CSS 选择器可用于改变 HTML 元素的 CSS 属性。
3)事件
4)效果
<1>淡入淡出
<2>隐藏显示
<3>滑动
原文:http://www.cnblogs.com/xiaoqingshe/p/4136100.html
内容总结
以上是互联网集市为您收集整理的12-01Js表单验证和JsWindow全部内容,希望文章能够帮你解决12-01Js表单验证和JsWindow所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。