找回密码
 注册
搜索
热搜: 回贴

实用Javascript 传值, 数据验证, 事件触发总结

2009-12-16 01:58| 发布者: admin| 查看: 24| 评论: 0|原作者: 柳梦璃



//判斷時間是否正確
function isDate(checktext){
var datetime;
var year,month,day;
var gone,gtwo;
if(Trim(checktext.value)!=""){
datetime=Trim(checktext.value);
if(datetime.length==10){
year=datetime.substring(0,4);
if(isNaN(year)==true){
alert("請輸入日期!格式為(yyyy-mm-dd) \n例(2008-01-01)!");
checktext.focus();
return false;
}
gone=datetime.substring(4,5);
month=datetime.substring(5,7);
if(isNaN(month)==true){
alert("請輸入日期!格式為(yyyy-mm-dd) \n例(2008-01-01)!");
checktext.focus();
return false;
}
gtwo=datetime.substring(7,8);
day=datetime.substring(8,10);
if(isNaN(day)==true){
alert("請輸入日期!格式為(yyyy-mm-dd) \n例(2008-01-01)!");
checktext.focus();
return false;
}
if((gone=="-")&&(gtwo=="-")){
if(month<1||month>12) {
alert("月份必須在01和12之間!");
checktext.focus();
return false;
}
if(day<1||day>31){
alert("日期必須在01和31之間!");
checktext.focus();
return false;
}else{
if(month==2){
if(isLeapYear(year)&&day>29){
alert("二月份日期必須在01到29之間!");
checktext.focus();
return false;
}
if(!isLeapYear(year)&&day>28){
alert("二月份日期必須在01到28之間!");
checktext.focus();
return false;
}
}
if((month==4||month==6||month==9||month==11)&&(day>30)){
alert("在四,六,九,十一月份 \n日期必須在01到30之間!");
checktext.focus();
return false;
}
}
}else{
alert("請輸入日期!格式為(yyyy-mm-dd) \n例(2008-01-01)");
checktext.focus();
return false;
}
}else{
alert("請輸入日期!格式為(yyyy-mm-dd) \n例(2008-01-01)");
checktext.focus();
return false;
}
}else{
return true;
}
return true;
}
这样的话正常用户输入的时候就会验证比较好用.
4)验证字母等
if(document.f1.dep.value!='ab')
// null 是否为空 判断num 数字ab 字母chs 汉字bit 位数
{
alert("Sorry, 請輸入部門名稱為漢字!")
document.f1.dep.focus()
return false
}
}
  不过这种方法好像不好用
  5)按一定格式验证:最好是正则表达式这个是最好用的,而且也验证复杂格式的时候必须的.
  3. 事件触发
MSDN Home > MSDN Library > Web Development > HTML and CSS > HTML and DHTML Reference > Events dhtml 的所有事件
注意以上路径需是通过英文版本的msdn进入!
最后附加一个关于当选中(鼠标点击一行的时候)背景颜色改变的例子:


  实用Javascript 传值, 数据验证, 事件触发总结
  1. 和JSP传值问题:

  1)普通提交form 的数据验证传值
  html页面输入:




Javascript 获得值并处理:

  这里相当于传递一个指针过去到javascript 的function , 该指针指向form 里面的所有元素.引用的时候不用再写form1.name.value 代之以text1.name.value.当然如果非要那样写,不用传递this指针了.我倾向于传递this指针的用法.

  2)窗口和窗口之间的传值
  html 页面链接:

)" title="<%=rs.getString("title")%>" />


传递的值id并且打开一个新的窗口

  2.数据验证问题

  1)验证空值
if(from.textName.value==””){ alert(“must be entered”);return false;}
  注意是双等号,同java语法

  2)验证数字
if(isNaN(checkText1.purchase_quantity.value))
{
alert("請輸入採購量為數字!");
checkText1.purchase_quantity.focus();
return false;
}

  3)验证日期
  注意,最好用onchange 事件在日期输入控件上,当然更好的方式是利用javascript写好的日期输入控件解决,但是多条数据的时候影响速度此种情况下不推荐.
html 输入:







 
 



  主要应用的是onmouseove, onmouseout 事件 这个都可以在上面msdn 的链接里找到, 我们在用javascript 验证值的时候, 用到了onsubmit event, 而验证日期的时候用了onchange event

最新评论

QQ|小黑屋|最新主题|手机版|微赢网络技术论坛 ( 苏ICP备08020429号 )

GMT+8, 2024-9-30 15:34 , Processed in 0.090593 second(s), 12 queries , Gzip On, MemCache On.

Powered by Discuz! X3.5

© 2001-2023 Discuz! Team.

返回顶部