文本框正则表达式判断进行页面跳转

文本框正则判断及跳转网页

一、相关知识点

   1.form表单。一个简单的 HTML 表单，包含两个文本输入框和一个提交按钮。

input标签用于搜集用户信息。根据不同的 type 属性值，输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。 HTML 中， 标签没有结束标签。
2.Location。window.location 对象用于获得当前页面的地址 (URL)，并把浏览器重定向到新的页面。
- location.hostname 返回 web 主机的域名
- location.pathname 返回当前页面的路径和文件名
- location.port 返回 web 主机的端口 （80 或 443）
- location.protocol 返回所使用的 web 协议（http:// 或 https://）
- location.assign() 方法加载新的文档。

3.正则表达式。正则表达式，又称规则表达式。正则表达式用于定义一些字符串的规则，计算机可以根据正则表达式，来检查一个字符串是否符合规则，可以将字符中符合规则的内容提取出来。语法： var 变量=new RegExp("正则表达式","匹配模式")。

二、展示效果

录像4

三、html代码

     1.盒模型布局。

2.javascipt代码。

location.replace属性上面有说明，括号里面用来插入网页链接进行跳转，有刷新效果。

3.css样式。