??xml version="1.0" encoding="utf-8" standalone="yes"?>
]]>
表单验证函数攑֜了functions.js文g里了Q在你所需要做验证的网|仉Q包含该脚本文g。一般语法ؓ:
<script type="text/javascript" src="./functions.js">
对于焦点失去验证Qؓ表单控g的onBlur事gl定相应的验证函敎ͼ用法如下Q?
整型 checkNumber()
点?checkNumber()
字符?checkString()
日期 checkDate()
邮箱 checkEmail()
CZ onBlur="checkNumber()"
对于表单提交验证Q在表单提交前进行判断,用法如下Q?
if(checkForm('表单名称'))
{
表单名称.submit();
return true;
}
else
{
return false;
}
也可以绑定表单onSubmit事gQ用法如下:
onSubmit="return checkForm('表单名称')"
二、类型定义:
1、整?int)
定义:
valueType="int"
属?
objName 对象名称(字符?
mustInput 必输?true/false)
minInput 最?数字)
maxInput 最大?数字)
举例:
<input type="text" name="test" valueType="int" objName="总蝲重吨" mustInput="true" maxInput="10000">
2、Q点型(float)
定义:
valueType="float"
属?
objName 对象名称(字符?
mustInput 必输?true/false)
minInput 最?数字)
maxInput 最大?数字)
decimalLen数位数(数字)
举例:
<input type="text" name="test" valueType="float" objName="qh" mustInput="true" maxInput="10000.50" decimalLen="2">
3、字W串(string)
定义:
valueType="string"
属?
objName 对象名称(字符?
mustInput 必输?true/false)
stringLen 字符串长?数字)
举例:
<input type="text" name="test" valueType="string" objName="英文船名" mustInput="true" stringLen="100">
4、日?date)
定义:
valueType="date"
属?
objName 对象名称(字符?
mustInput 必输?true/false)
举例:
<input type="text" name="test" valueType="date" objName="开始日? mustInput="true">
备注:
日期现在只能校验的格式ؓ(yyyy-mm-dd)
5、邮?email)
定义:
valueType="email"
属?
objName 对象名称(字符?
mustInput 必输?true/false)
举例:
<input type="text" name="test" valueType="email" objName="邮箱" mustInput="true">
6、单?radio) 暂没调试成功
定义:
valueType="radio"
属?
objName 对象名称(字符?
mustSelect 必输?true/false)
举例:
<input type="radio" name="test" valueType="radio" objName="U船方式" mustSelect="true">
备注:
对于同一l单选按钮,只需要定义第一个即可?br />
7、复?checkbox) 暂没调试成功
定义:
valueType="checkbox"
属?
objName 对象名称(字符?
minSelect 最选择?数字)
maxSelect 最大选择?数字)
举例:
<input type="checkbox" name="test" valueType="checkbox" objName="爱好" minSelect="2" maxSelect="5">
备注:
对于同一l复选按钮,只需要定义第一个即可?br />
8、下拉列表框(select)
定义:
valueType="select"
属?
objName 对象名称(字符?
mustSelect 必输?true/false)
举例1:
<select name="test" valueType="select" objName="U船方式" mustSelect="true">
举例2:
<select name="test" valueType="select" objName="U船方式" mustSelect="true">
<option type="checkbox" name="test2" >请选择<option>
<option type="checkbox" name="test2" >3 <option>
<option type="checkbox" name="test2" >4 <option>
</select>
9、列表框(list)
定义:
valueType="list"
属?
objName 对象名称(字符?
minSelect 最选择?数字)
maxSelect 最大选择?数字)
举例:
<select name="test" valueType="list" objName="爱好" size =5 minSelect="2" maxSelect="5">
三、程序文?
/*****************functions.js**********************/
/***查表单所有元?**/
function checkForm(formName)
{
var oForm=document.all(formName);
var eles = oForm.elements;
//var els
//遍历所有表元素
for(var i=0;i<eles.length;i++)
{
//是否需要验?
var sType=eles[i].valueType;
if(sType)
{
if(eles[i].mustInput!=null && eles[i].mustInput=="true"
{
//els=eles[i].value;
//els=trim(els);
if(trim(eles[i].value)==""
{
if(eles[i].objName!=null)
{
alert(eles[i].objName+" 不可以ؓI?;
}
else
{
alert("该文本框为必输字D?;
}
eles[i].focus();
event.returnValue=false;
return false;
}
}
switch(sType)
{
//整数
case "int":
if(!validInt(eles[i]))
{
event.returnValue=false;
return false;
}
break;
//数
case "float":
if(!validFloat(eles[i]))
{
event.returnValue=false;
return false;
}
break;
//字符?
case "string":
if(!validString(eles[i]))
{
event.returnValue=false;
return false;
}
break;
//日期
case "date":
if(!validDate(eles[i]))
{
event.returnValue=false;
return false;
}
break;
//邮g
case "email":
if(!validEmail(eles[i]))
{
event.returnValue=false;
return false;
}
break;
//单选按?
/*case "radio":
if(!validRadio(eles[i]))
{
event.returnValue=false;
return false;
}
break;
//复选按?
case "checkbox":
if(!validBox(eles[i]))
{
event.returnValue=false;
return false;
}
break;*/
//下拉列表?
case "select":
if(!validSelect(eles[i]))
{
event.returnValue=false;
return false;
}
break;
//列表?
case "list":
if(!validList(eles[i]))
{
event.returnValue=false;
return false;
}
break;
}
}
}
event.returnValue=true;
return true;
}
/***验证是否为整?**/
function validInt(ele)
{
if(!isInt(ele.value))
{
alert("误入有效整?;
ele.focus();
return false;
}
else
{
if(ele.maxInput!=null && !isNaN(ele.maxInput))
if(parseInt(ele.maxInput)<parseInt(ele.value))
{
alert("您输入的 "+ convertNullToSpace(ele.objName)+" 值应该小?+ele.maxInput);
ele.focus();
return false;
}
if(ele.minInput!=null && !isNaN(ele.minInput))
if(parseInt(ele.minInput)>parseInt(ele.value))
{
alert("您输入的 "+ convertNullToSpace(ele.objName)+" 值应该大?+ele.minInput);
ele.focus();
return false;
}
}
return true;
}
/***判断是否为整?**/
function isInt(s)
{
var patrn=/^0|^[1-9]\d*/;
if (!patrn.exec(s))
{
return false;
}
else
{
return true;
}
}
/***验证是否为小?**/
function validFloat(ele)
{
if(isNaN(ele.value))
{
alert("误入有效数?;
ele.focus();
return false;
}
else
{
if(ele.decimalLen!=null && !checkDecimal(ele.value,ele.decimalLen))
{
alert("您输入的 "+convertNullToSpace(ele.objName)+" 值小C最多ؓ"+ele.decimalLen+"个小C";
ele.focus();
return false;
}
if(ele.maxInput!=null && !isNaN(ele.maxInput))
if(parseInt(ele.maxInput)<parseInt(ele.value))
{
alert("您输入的 "+ convertNullToSpace(ele.objName)+" 值应该小?+ele.maxInput);
ele.focus();
return false;
}
if(ele.minInput!=null && !isNaN(ele.minInput))
if(parseInt(ele.minInput)>parseInt(ele.value))
{
alert("您输入的 "+ convertNullToSpace(ele.objName)+" 值应该大?+ele.minInput);
ele.focus();
return false;
}
}
return true;
}
/***验证是否为字W串***/
function validString(ele)
{
if(ele.stringLen!=null && !isNaN(ele.stringLen))
{
var value=new String(ele.value);
if(value.length>parseInt(ele.stringLen))
{
alert("您输入的 "+convertNullToSpace(ele.objName)+" 字数最大长度ؓ"+ele.stringLen);
ele.focus();
return false;
}
}
return true;
}
/***验证是否为日期格?**/
function validDate(ele)
{
if(!isDate(ele.value)&&ele.value!=""
{
alert("误入有效日?yyyy-mm-dd)";
ele.focus();
return false;
}
return true;
}
/***判断是否为日?**/
function isDate(str)
{
var r = str.match(/^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2})/);
if(r==null)
{
return false;
}
var d= new Date(r[1], r[3]-1, r[4]);
if(!(d.getFullYear()==r[1]&&(d.getMonth()+1)==r[3]&&d.getDate()==r[4]))
{
return false;
}
return true;
}
/***验证是否为电子邮?**/
function validEmail(ele)
{
if(!isEmail(ele.value))
{
alert("误入有效邮?;
ele.focus();
return false;
}
return true;
}
/***判断是否为邮?**/
function isEmail(str)
{
if(str.match(/[\w-.]+@{1}[\w-]+\.{1}\w{2,4}(\.{0,1}\w{2}){0,1}/ig)!=str)
return false;
else
return true;
}
/***验证单选按钮是否需要选择***/
function validRadio(ele)
{
//var rads = document.getElementsByName(ele.name);
eval("var rads="+name+"."+ele.name);
var selectCount=0;
for(var i=0;i<rads.length;i++)
{
if(rads[i].checked)
{
selectCount++;
}
}
if(ele.mustSelect!=null && ele.mustSelect)
{
if(selectCount==0)
{
alert("请选择"+convertNullToSpace(ele.objName));
ele.focus();
return false;
}
}
return true;
}
/***验证复选按钮是否需要选择***/
function validBox(ele)
{
//var rads = document.getElementsByName(ele.name);
eval("var chks="+name+"."+ele.name);
var selectCount=0;
for(var i=0;i<chks.length;i++)
{
if(chks[i].checked)
{
selectCount++;
}
}
if(ele.minSelect!=null && !isNaN(ele.minSelect))
{
if(selectCount<parseInt(ele.minSelect))
{
alert(convertNullToSpace(ele.objName)+"臛_选择"+ele.minSelect+"?;
ele.focus();
return false;
}
}
if(ele.maxSelect!=null && !isNaN(ele.maxSelect))
{
if(selectCount>parseInt(ele.maxSelect))
{
alert(convertNullToSpace(ele.objName)+"臛_选择"+ele.maxSelect+"?;
ele.focus();
return false;
}
}
return true;
}
/***验证下拉列表框是否需要选择***/
function validSelect(ele)
{
//var rads = document.getElementsByName(ele.name);
if(ele.mustSelect!=null && ele.mustSelect)
{
if(ele.selectedIndex==0)
{
alert("请选择"+convertNullToSpace(ele.objName));
ele.focus();
return false;
}
}
return true;
}
/***验证列表框的选择Ҏ***/
function validList(ele)
{
//var rads = document.getElementsByName(ele.name);
var selectCount=0;
for(var i=0;i<ele.options.length;i++)
{
if(ele.options[i].selected)
{
selectCount++;
}
}
if(ele.minSelect!=null && !isNaN(ele.minSelect))
{
if(selectCount<parseInt(ele.minSelect))
{
alert(convertNullToSpace(ele.objName)+"臛_选择"+ele.minSelect+"?;
ele.focus();
return false;
}
}
if(ele.maxSelect!=null && !isNaN(ele.maxSelect))
{
if(selectCount>parseInt(ele.maxSelect))
{
alert(convertNullToSpace(ele.objName)+"臛_选择"+ele.maxSelect+"?;
ele.focus();
return false;
}
}
return true;
}
/***NULL转化为空|用于昄对象名称***/
function convertNullToSpace(paramValue)
{
if(paramValue==null)
return "";
else
return paramValue;
}
/***查小C?**/
function checkDecimal(num,decimalLen)
{
var len = decimalLen*1+1;
if(num.indexOf('.')>0)
{
num=num.substr(num.indexOf('.')+1,num.length-1);
if ((num.length)<len)
{
return true;
}
else
{
return false;
}
}
return true;
}
/***去除I格***/
function trim(str)
{
if (str.length > 0)
{
while ((str.substring(0,1) == " ") && (str.length > 0))
{
str = str.substring(1,str.length);
}
while (str.substring(str.length-1,str.length) == " ")
{ str = str.substring(0,str.length-1); }
}
return str;
}
===============================================================
函数Reset()按Reset按钮后对各字D늚内容复位?
函数submitForms()按submit按钮后对字段合法性检查后发送电子邮件?
函数isName()对姓名字D进行合法性检查?
函数isEmail()对电子邮件地址字段q行合法性检查?
函数isBrowser()Ҏ览器字段与自动检的览器版本进行比较?
函数isCountry()对国家字D进行合法性检查?
函数isComment()Ҏ见字D进行合法性检查,不允ؓI倹{?
函数isFavorite()对喜Ƣ的站点字段q行合法性检查,不允ؓI倹{?
E序中还提供了一些技巧,例如Q如何判断浏览器的版本,字符串的操作{等?
l果是以电子邮g的Ş式提供给你的Q里面有客h输入的各个字Dc程序比较长Q但不难看懂Q下面是源代码:
QHTMLQ?
QHEADQ?
QTITLEQ?用JavaScript ~???a ?E?序</TITLEQ?
QSCRIPT LANGUAGE="JavaScript"Q?
Q?-- Begin
//Someone@abc.com ??????????址
var emailAddress="Someone@abc.com";
function toName()
{
var toNameval=document.forms[0].elements[1].value;
toNameval = "mailto:Someone@abc.com?subject=Guest Book example";
this.document.mail.action = toNameval;
}
function Reset() {
document.forms[0].elements[0].value = "";
document.forms[0].elements[1].value = "";
document.forms[0].elements[2].value =
navigator.appName + " " + navigator.appVersion;
document.forms[0].elements[3].value = "";
document.forms[0].elements[4].value = "";
document.forms[0].elements[5].value = "";
document.forms[0].elements[0].focus();
}
function submitForms() {
if ( (isName() ) && (isEmail()) && (isBrowser())
&& (isCountry()) && (isComment()) && (isFavorite()) )
if (confirm("\nYou're about to e-mail the form.\n\nClick
on YES to submit.\n\nClick on NO to abort."))
{
alert("\nYour submission will now be made to :
\n\n"+emailAddress+"\n\n\nThank you!");
return true;
}
else
{
alert("\nYou have chosen to abort the submission.");
return false;
}
else
return false;
}
function isName() {
var str = document.forms[0].elements[0].value;
if (str == "") {
alert("\nThe NAME field is blank.\n\nPlease enter your name.")
document.forms[0].elements[0].focus();
return false;
}
for (var I = 0; I Qstr.length; I++)
{
var ch = str.substring(I, I + 1);
if (((ch Q?a" || "z" Qch) && (ch Q?A" || "Z" Qch)) && ch != ' ')
{
alert("\nThe NAME field only accepts letters
& spaces.\n\nPlease re-enter your name.");
document.forms[0].elements[0].select();
document.forms[0].elements[0].focus();
return false;
}
}
return true;
}
function isEmail()
{
emailAddress=document.forms[0].elements[1].value;
if (document.forms[0].elements[1].value == "") {
alert("\nThe E-MAIL field is blank.
\n\nPlease enter your e-mail address.")
document.forms[0].elements[1].focus();
return false;
}
if (document.forms[0].elements[1].value.indexOf ('@',0) == -1 ||
document.forms[0].elements[1].value.indexOf ('.',0) == -1)
{
alert("\nThe E-MAIL field requires a \"@\"
and a \".\"be used.\n\nPlease re-enter your e-mail address.")
document.forms[0].elements[1].select();
document.forms[0].elements[1].focus();
return false;
}
else
{
toName();
return true;
}
}
function isBrowser()
{
if (document.forms[0].elements[2].value !
= navigator.appName + " " + navigator.appVersion)
{
if (confirm("\nYou've changed your browser
type.\n\nClick on OK to keep changes.\
n\nClick on Cancel to restore detected browser."))
return true
else
{
document.forms[0].elements[2].value =
navigator.appName + " " + navigator.appVersion;
return true;
}
}
else
return true;
}
function isCountry() {
var str = document.forms[0].elements[3].value;
if (str == "") {
alert("\nThe COUNTRY field is
blank.\n\nPlease enter your country.")
document.forms[0].elements[3].focus();
return false;
}
for (var I = 0; I Qstr.length; I++) {
var ch = str.substring(I, I + 1);
if (((ch Q?a" || "z" Qch) &&
(ch Q?A" || "Z" Qch)) && ch != ' ')
{
alert("\nThe COUNTRY field only accepts
letters & spaces.\n\nPlease re-enter your country.");
document.forms[0].elements[3].select();
document.forms[0].elements[3].focus();
return false;
}
}
return true;
}
function isComment() {
if (document.forms[0].elements[4].value == "") {
if (confirm("\nYou're about to submit
without leaving a comment.\n\nClick
on CANCEL to include a comment.\n\nClick
on OK to continue without a comment."))
return true
else
{
document.forms[0].elements[4].focus();
return false;
}
}
else
return true
}
function isFavorite() {
if (document.forms[0].elements[5].value == "") {
if (confirm("\nYou're about to submit without
listing your favorite sites.\n\nClick on CANCEL
to include favorites.\n\nClick on OK to continue
without listing favorites."))
return true
else
{
document.forms[0].elements[5].focus();
return false;
}
}
else
return true
}
// End --Q?
Q?SCRIPTQ?/p>
2 比较两个表单的值是否相?br /><script language="javascript"><!--
function CheckForm()
if (document.form.PWD.value != document.form.PWD_Again.value) {
alert("您两ơ输入的密码不一P请重新输?");
document.ADDUser.PWD.focus();
return false;
}
return true;
}
-->
</script>
3 表单只能ؓ数字?_",用于电话/银行帐号验证?可扩展到域名注册{?/p>
<script language="javascript">
<!--
function isNumber(String)
{
var Letters = "1234567890-"; //可以自己增加可输入?br />
var i;
var c;
if(String.charAt( 0 )=='-')
return false;
if( String.charAt( String.length - 1 ) == '-' )
return false;
for( i = 0; i < String.length; i ++ )
{
c = String.charAt( i );
if (Letters.indexOf( c ) < 0)
return false;
}
return true;
}
function CheckForm()
{
if(! isNumber(document.form.TEL.value)) {
alert("您的电话L不合法!");
document.form.TEL.focus();
return false;
}
return true;
}
-->
</script>
4 表单输入数?长度限定
<script language="javascript">
<!--
function CheckForm()
{
if (document.form.count.value > 100 || document.form.count.value < 1)
{
alert("输入数g能小于零大于100!");
document.form.count.focus();
return false;
}
if (document.form.MESSAGE.value.length<10)
{
alert("输入文字于10!");
document.form.MESSAGE.focus();
return false;
}
return true;
}
//-->
</script>
4 表单输入字W?长度限定
<SCRIPT LANGUAGE="javascript">
<!--
function isEnglish(name) //英文值检?br />{
if(name.length == 0)
return false;
for(i = 0; i < name.length; i++) {
if(name.charCodeAt(i) > 128)
return false;
}
return true;
}
function isChinese(name) //中文值检?br />{
if(name.length == 0)
return false;
for(i = 0; i < name.length; i++) {
if(name.charCodeAt(i) > 128)
return true;
}
return false;
}
function isMail(name) // E-mail值检?br />{
if(! isEnglish(name))
return false;
i = name.indexOf("@");
j = name.lastIndexOf("@");
if(i == -1)
return false;
if(i != j)
return false;
if(i == name.length)
return false;
return true;
}
function isNumber(name) //数值检?br />{
if(name.length == 0)
return false;
for(i = 0; i < name.length; i++) {
if(name.charAt(i) < "0" || name.charAt(i) > "9")
return false;
}
return true;
}
function CheckForm()
{
if(! isMail(form.Email.value)) {
alert("您的电子邮g不合法!");
form.Email.focus();
return false;
}
if(! isEnglish(form.name.value)) {
alert("英文名不合法Q?);
form.name.focus();
return false;
}
if(! isChinese(form.cnname.value)) {
alert("中文名不合法Q?);
form.cnname.focus();
return false;
}
if(! isNumber(form.PublicZipCode.value)) {
alert("邮政~码不合法!");
form.PublicZipCode.focus();
return false;
}
return true;
}
//-->
</SCRIPT>
6 限定表单不能输入的字符
<script language="javascript">
<!--
function contain(str,charset)// 字符串包含测试函?br />{
var i;
for(i=0;i<charset.length;i++)
if(str.indexOf(charset.charAt(i))>=0)
return true;
return false;
}
function CheckForm()
{
if ((contain(document.form.NAME.value, "%\(\)><")) || (contain(document.form.MESSAGE.value,
"%\(\)><")))
{
alert("输入了非法字W?);
document.form.NAME.focus();
return false;
}
return true;
}
//-->
</script>
String 字符串类?字符串是用单引号或双引号来说明的。(使用单引h输入包含引号的字W串。)如:“The cow jumped over the moon.”?br /> 数值数据类型:JavaScript 支持整数和QҎ。整数可以ؓ正数? 或者负敎ͼ点数可以包含小数点、也可以包含一?“e”(大小写均可,在科学记数法中表C?0的幂”)、或者同时包含这两项?
Boolean cdQ可能的 Boolean 值有 true ?false。这是两个特D|不能用作 1 ?0?
Undefined 数据cdQ一个ؓ undefined 的值就是指在变量被创徏后,但未l该变量赋g前所h的倹{?
Null 数据cdQnull 值就是没有Q何|什么也不表C?
objectcdQ除了上面提到的各种常用cd外,对象也是JavaScript中的重要l成部分Q这部分在后面章节详细介绍?
?JavaScript 中变量用来存放脚本中的|q样在需要用q个值的地方可以用变量来代表,一个变量可以是一个数字,文本或其它一些东ѝ?/p>
JavaScript是一U对数据cd变量要求不太严格的语aQ所以不必声明每一个变量的cdQ变量声明尽不是必ȝQ但在用变量之前先q行声明是一U好的习惯。可以?var 语句来进行变量声明。如Qvar men = true; // men 中存储的gؓ Boolean cd?
变量命名:JavaScript 是一U区分大写的语aQ因此将一个变量命名ؓ computer 和将其命名ؓ Computer是不一L?br /> 另外Q变量名U的长度是Q意的Q但必须遵@以下规则Q?br /> 1.W一个字W必L一个字母(大小写均可)、或一个下划线(_)或一个美元符 ($)。 ?
2.后箋的字W可以是字母、数字、下划线或美元符。?br /> 3.变量名称不能是保留字?/p>
//使用DataSetc获取所需标签集合
//操纵DOMQ创建tableQ显C得的数据Q用q种Ҏ昄数据Q容易让用户接受Q~^_^
以上是javascript的DOM的基本用方法,作ؓajax的基Q掌握这个是非常重要_~
E序代码
function JoinDemo()
{
var a, b;
a = new Array(0,1,2,3,4);
b = a.join("-");//分隔W?br /> return(b);//q回的b=="0-1-2-3-4"
}
(2)langth函数Q返回数l的长度。例Q?br />
E序代码
function LengthDemo()
{
var a, l;
a = new Array(0,1,2,3,4);
l = a.length;
return(l);//l==5
}
(3)reverse函数Q将数组元素序颠倒。例Q?br />
E序代码
function ReverseDemo()
{
var a, l;
a = new Array(0,1,2,3,4);
l = a.reverse();
return(l);
}
(4)sort函数Q将数组元素重新排序。例Q?br />
E序代码
function SortDemo()
{
var a, l;
a = new Array("X" ,"y" ,"d", "Z", "v","m","r");
l = a.sort();
return(l);
}
3.日期函数
javascript日期函数包括以下20个函敎ͼ
(1)getDate函数Q返回日期的“日”部分,gؓ1?1。例Q?br />
E序代码
function DateDemo()
{
var d, s = "Today's date is: ";
d = new Date();
s += (d.getMonth() + 1) + "/";
s += d.getDate() + "/";
s += d.getYear();
return(s);
}
(2)getDay函数Q返回星期几Qgؓ0?Q其?表示星期日,1表示星期一Q?..Q?表示星期六。例Q?br />
E序代码
function DateDemo()
{
var d, day, x, s = "Today is: ";
var x = new Array("Sunday", "Monday", "Tuesday");
var x = x.concat("Wednesday","Thursday", "Friday");
var x = x.concat("Saturday");
d = new Date();
day = d.getDay();
return(s += x[day]);
}
(3)getHouse函数Q返回日期的“小时”部分,gؓ0?3。例?br />
E序代码
function TimeDemo()
{
var d, s = "The current local time is: ";
var c = ":";
d = new Date();
s += d.getHours() + c;
s += d.getMinutes() + c;
s += d.getSeconds() + c;
s += d.getMilliseconds();
return(s);
}
(4)getMinutes函数Q返回日期的“分钟”部分,gؓ0?9。见上例?br /> (5)getMonth函数Q返回日期的“月”部分,gؓ0?1。其?表示1月,2表示3月,...Q?1表示12月。见前面的例子?br /> (6)getSeconds函数Q返回日期的“秒”部分,gؓ0?9。见前面的例子?br /> (7)getTime函数Q返回系l时间?br />
E序代码
function GetTimeTest()
{
var d, s, t;
var MinMilli = 1000 * 60;
var HrMilli = MinMilli * 60;
var DyMilli = HrMilli * 24;
d = new Date();
t = d.getTime();
s = "It's been "
s += Math.round(t / DyMilli) + " days since 1/1/70";
return(s);
}
(8)getTimezoneOffset函数Q返回此地区的时?当地旉与GMT格林威治标准旉的地区时?Q单位ؓ分钟?br />
E序代码
function TZDemo()
{
var d, tz, s = "The current local time is ";
d = new Date();
tz = d.getTimezoneOffset();
}
if (tz 的链接点的名Uͼ另一个函数link讑֮的URL地址?br /> (2)big函数Q将字体加到一P?..标签l果相同?br /> (3)blink函数Q字符串闪烁,?..标签l果相同?br /> (4)bold函数Q字体加粗Q与...标签l果相同?br /> (5)charAt函数Q返回字W串中指定的某个字符?br /> (6)fixed函数Q将字体讑֮为固定宽度字体,?..标签l果相同?br /> (7)fontcolor函数Q设定字体颜Ԍ与标{果相同?br /> (8)fontsize函数Q设定字体大,与标{果相同?br /> (9)indexOf函数Q返回字W串中第一个查扑ֈ的下标indexQ从左边开始查找?br /> (10)italics函数Q字体成ؓ斜体字,?..标签l果相同?br /> (11)lastIndexOf函数Q返回字W串中第一个查扑ֈ的下标indexQ从双开始查找?br /> (12)length函数Q返回字W串的长度?不用带括?
(13)link函数Q生一个超U链接,相当于设定的URL地址?br /> (14)small函数Q将字体减小一P?..标签l果相同?br /> (15)strike函数Q在文本的中间加一条横U,?..标签l果相同?br /> (16)sub函数Q显C字W串Z标字(subscript)?br /> (17)substring函数Q返回字W串中指定的几个字符?br /> (18)sup函数Q显C字W串Z标字(superscript)?br /> (19)toLowerCase函数Q将字符串{换ؓ写?br /> (20)toUpperCase函数Q将字符串{换ؓ大写?/p>
//校验是否全由数字l成
E序代码
function isDigit(s)
{
var patrn=/^[0-9]{1,20}$/;
if (!patrn.exec(s)) return false
return true
}
//校验d名:只能输入5-20个以字母开头、可带数字、“_”、?”的字串
E序代码
function isRegisterUserName(s)
{
var patrn=/^[a-zA-Z]{1}([a-zA-Z0-9]|[._]){4,19}$/;
if (!patrn.exec(s)) return false
return true
}
//校验用户姓名Q只能输?-30个以字母开头的字串
E序代码
function isTrueName(s)
{
var patrn=/^[a-zA-Z]{1,30}$/;
if (!patrn.exec(s)) return false
return true
}
//校验密码Q只能输?-20个字母、数字、下划线
E序代码
function isPasswd(s)
{
var patrn=/^(\w){6,20}$/;
if (!patrn.exec(s)) return false
return true
}
//校验普通电话、传真号码:可以?”开_除数字外Q可含有??/p>
E序代码
function isTel(s)
{
//var patrn=/^[+]{0,1}(\d){1,3}[ ]?([-]?(\d){1,12})+$/;
var patrn=/^[+]{0,1}(\d){1,3}[ ]?([-]?((\d)|[ ]){1,12})+$/;
if (!patrn.exec(s)) return false
return true
}
//校验手机LQ必M数字开_除数字外Q可含有??/p>
E序代码
function isMobil(s)
{
var patrn=/^[+]{0,1}(\d){1,3}[ ]?([-]?((\d)|[ ]){1,12})+$/;
if (!patrn.exec(s)) return false
return true
}
//校验邮政~码
E序代码
function isPostalCode(s)
{
//var patrn=/^[a-zA-Z0-9]{3,12}$/;
var patrn=/^[a-zA-Z0-9 ]{3,12}$/;
if (!patrn.exec(s)) return false
return true
}
//校验搜烦关键?/p>
E序代码
function isSearch(s)
{
var patrn=/^[^`~!@#$^%&*()+=|\\\][\]\{\}:;\'\,.<>/?]{1}[^`~!@$%^&()+=|\\\][\]\{\}:;\'\,.<>?]{0,19}$/;
if (!patrn.exec(s)) return false
return true
}
E序代码
function isIP(s) //by zergling
{
var patrn=/^[0-9.]{1,20}$/;
if (!patrn.exec(s)) return false
return true
}
click() 对象.click() 使对象被点击?/p>
closed 对象.closed 对象H口是否已关闭true/false
clearTimeout(对象) 清除已设|的setTimeout对象
clearInterval(对象) 清除已设|的setInterval对象
confirm("提示信息") 弹出认框,定q回true取消q回false
cursor:样式 更改鼠标样式 hand crosshair text wait help default auto e/s/w/n-resize
event.clientX q回最后一ơ点击鼠标X坐标|
event.clientY q回最后一ơ点击鼠标Y坐标|
event.offsetX q回当前鼠标悬停X坐标?/p>
event.offsetY q回当前鼠标悬停Y坐标?/p>
document.write(document.lastModified) |页最后一ơ更新时?/p>
document.ondblclick=x 当双击鼠标生事?/p>
document.onmousedown=x 单击鼠标键生事?/p>
document.body.scrollTop; q回和设|当前竖向滚动条的坐标|M函数配合,
document.body.scrollLeft; q回和设|当前横向滚动务的坐标|M函数配合Q?/p>
document.title document.title="message"; 当前H口的标题栏文字
document.bgcolor document.bgcolor="颜色?; 改变H口背景颜色
document.Fgcolor document.Fgcolor="颜色?; 改变正文颜色
document.linkcolor document.linkcolor="颜色?; 改变联接颜?/p>
document.alinkcolor document.alinkcolor="颜色?; 改变正点击联接的颜色
document.VlinkColor document.VlinkColor="颜色?; 改变已访问联接的颜色
document.forms.length q回当前form表单?/p>
document.anchors.length q回当前锚的数?/p>
document.links.length q回当前联接的数量
document.onmousedown=x 单击鼠标触发事g
document.ondblclick=x 双击鼠标触发事g
defaultStatus window.status=defaultStatus; 状态栏讄默认昄
function function xx(){...} 定义函数
isNumeric 判断是否是数?/p>
innerHTML xx=对象.innerHTML 输入某对象标{中的html源代?/p>
innerText divid.innerText=xx 以div定位以id命名的对象D为XX
location.reload(); 使本刷斎ͼtarget可等于一个刷新的|页
Math.random() 随机涉|,只能??之间的数,如果要得到其它数,可以?10,再取?/p>
Math.floor(number) 对象number转ؓ整数Q舍取所有小?/p>
Math.min(1,2) q回1,2哪个?/p>
Math.max(1,2) q回1,2哪个?/p>
navigator.appName q回当前览器名U?/p>
navigator.appVersion q回当前览器版本号
navigator.appCodeName q回当前览器代码名?/p>
navigator.userAgent q回当前览器用户代标志
onsubmit onsubmit="return(xx())" 使用函数q回?/p>
opener opener.document.对象 控制原打开H体对象
prompt xx=window.prompt("提示信息","预定?); 输入语句
parent parent.框架?对象 控制框架面
return return false q回?/p>
random 随机参数Q??之间Q?/p>
reset() form.reset(); 使form表单内的数据重置
split("") string.split("") string对象字符以逗号隔开
submit() form对象.submit() 使form对象提交数据
String对象的?charAt(x)对象 反回指定对象的第多少位的字母
lastIndexOf("string") 从右到左询找指定字符Q没有返?1
indexOf("string") 从左到右询找指定字符Q没有返?1
LowerCase() 对象全部{为小?
UpperCase() 对象全部{为大?/p>
substring(0,5) string.substring(x,x) q回对象中从0?的字W?/p>
setTimeout("function",time) 讄一个超时对?/p>
setInterval("function",time) 讄一个超时对?/p>
toLocaleString() x.toLocaleString() 从x旉对象中获取时_以字W串型式存在
typeof(变量? 查变量的cdQ值有QString,Boolean,Object,Function,Underfined
window.event.button==1/2/3 鼠标键左键等?右键{于2两个键一h?
window.screen.availWidth q回当前屏幕宽度(I白I间)
window.screen.availHeight q回当前屏幕高度(I白I间)
window.screen.width q回当前屏幕宽度(分L率?
window.screen.height q回当前屏幕高度(分L率?
window.document.body.offsetHeight; q回当前|页高度
window.document.body.offsetWidth; q回当前|页宽度
window.resizeTo(0,0) 窗口设|宽?/p>
window.moveTo(0,0) 窗口移到某位置
window.focus() 使当前窗口获得焦?/p>
window.scroll(x,y) H口滚动条坐标,y控制上下UdQ须与函数配?/p>
window.open() window.open("地址","名称","属?)
属?toolbar(工具?,location(地址?,directions,status(状态栏),menubar(菜单?,scrollbar(滚动?,resizable(改变大小), width(?,height(?,fullscreen(全屏),scrollbars(全屏时无滚动条无参数),channelmode(宽屏),left(打开H口x坐标),top(打开H口y坐标)
window.location = 'view-source:' + window.location.href 应用事g查看|页源代?
a=new Date(); //创徏aZ个新的时期对?/p>
y=a.getYear(); //y的gؓ从对象a中获取年份?两位数年?/p>
y1=a.getFullYear(); //获取全年份数 四位数年?/p>
m=a.getMonth(); //获取月䆾?/p>
d=a.getDate(); //获取日期?/p>
d1=a.getDay(); //获取当前星期?/p>
h=a.getHours(); //获取当前时?/p>
m1=a.getMinutes(); //获取当前分钟?/p>
s=a.getSeconds(); //获取当前U钟?/p>
对象.style.fontSize="文字大小";
单位Qmm/cm/in英寸/pc?pt?px象素/em文字?/p>
1in=1.25cm
1pc=12pt
1pt=1.2px(800*600分辩率下)
文本字体属性:
fontSize大小
family字体
color颜色
fontStyle风格Q取gؓnormal一?italic斜体,oblique斜体且加_?/p>
fontWeight加粗,取gؓ100?00不等,900最_?light,normal,bold
letterSpacing间距,更改文字间距?取gؓ,1pt,10px,1cm
textDecoration:文字修饰;取?none不修?underline下划U?overline上划U?/p>
background:文字背景颜色,
backgroundImage:背景囄,取gؓ囄的插入\?/p>
点击|页正文函数调用触发器:
1.onClick 当对象被点击
2.onLoad 当网|开,只能书写在body?/p>
3.onUnload 当网关闭或d?只能书写在body?/p>
4.onmouseover 当鼠标悬于其上时
5.onmouseout 当鼠标离开对象?/p>
6.onmouseup 当鼠标松开
7.onmousedown 当鼠标按下键
8.onFocus 当对象获取焦Ҏ
9.onSelect 当对象的文本被选中?/p>
10.onChange 当对象的内容被改?/p>
11.onBlur 当对象失ȝ?/p>
onsubmit=return(ss())表单调用时返回的?/p>
直线 border-bottom:1x solid black
虚线 border-bottom:1x dotted black
点划U ?border-bottom:2x dashed black
双线 border-bottom:5x double black
槽状 border-bottom:1x groove black
脊状 border-bottom:1x ridge black
1.边缘高光glow(color=颜色,strength=亮光大小)<br>
2.水^{fliph() 使对象水q翻?80?lt;br>
3.垂直{flipv() 使对象垂直翻?80?lt;br>
4.对象模糊blur(add=true/false direction=方向 strength=强度) add 指定是否按印象画z进行模p? direction 模糊方向; strength模糊强度
5.对象透明alpha(opaction=0-100,finishopacity=0-100,style=0/1/2/3) opaction 对象整体不透明? finishopacity 当对象利用了渐透明时该Ҏ定结束透明位置的不透明? style 指定透明方式:0为整体透明Q?为线型透明Q?为圆型透明Q?为矩形透明
6.去除颜色chroma(color=颜色?使对象中颜色与指定颜色相同区域透明
7.建立阴媄dropshadow(color=阴媄颜色,offx=水^向左偏离像素,offy=水^向下偏离像素)
8.去色gray()使对象呈灰度昄
9.负片效果invert()使对象呈底片效果
10.高光light()使对象呈黑色昄
11.遮盖mask(color=颜色)使整个对象以指定颜色q行蒙板一?/p>
opacity 表透明度水q?0~100,0表全透明,100表完全不透明
finishopacity表想要设|的渐变透明效果.0~100.
style 表透明区的形状.0表统一形状.1表线?2表放Ş.3表长方Ş.
startx.starty表渐变透明效果的开始时X和Y坐标.
finishx,finishy渐变透明效果l束时x,y 的坐?
add有来定是否在模p效果中使有原有目标.gؓ0,1.0??,1??.
direction讄模糊的方?0度表垂直向上,45度ؓ一个单?默认值是向左270?left,right,down,up.
strength 只能用整数来定.代表有多个像素的宽度将受到模糊影响.默认??
color要透明的颜?
offx,offy分别是x,y 方向阴媄的偏U量.
positive指投影方?0表透明像素生成阴媄.1表只l出不透明像素生成阴媄..
AddAmbient:加入包围的光?
AddCone:加入锥Ş光源.
AddPoint加入点光?/p>
Changcolor:改变光的颜色Q?/p>
Changstrength:改变光源的强度.
Clear:清除所有的光源Q?/p>
MoveLight:Ud光源Q?/p>
freq是LU的频率Q在指定在对象上一区需要生多个完事的LU.
lightstrength可对于LU增强光q效果Q显?~100正整敎ͼ正u波开始位|是0~360度.0表从0度开始,25表从90度开始.
strength表振q大.
hand style="cursor:hand"
crosshair style="cursor:crosshair"
text style="cursor:text"
wait style="cursor:wait"
default style="cursor:default"
help style="cursor:help"
e-resize style="cursor:e-resize"
ne-resize style="cursor:ne-resize"
n-resize style="cursor:n-resize"
nw-resize style="cursor:nw-resize"
w-resize style="cursor:w-resize"
s-resize style="cursor:s-resize"
sw-resize style="cursor:sw-resize "
se-resize style="cursor:se-resize"
auto style="cursor:auto"