首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

JavaScript适用示例之根据其他字段对字段进行检查

2012-06-26 
JavaScript实用示例之根据其他字段对字段进行检查?在填写表单时,可能希望指定用户必须填写某些字段,然后才

JavaScript实用示例之根据其他字段对字段进行检查

?

在填写表单时,可能希望指定用户必须填写某些字段,然后才能提交表单。可以使用JavaScript检查某些或所有字段是否已经填写了。在这个示例中,使用了HTML、CSS和JavaScript通过红色的边框和黄色的内部颜色突出显示未填写的字段。检查在用户单击表单的Submit按钮时进行。

???????? 也经常需要根据另一个字段对一个字段进行检查,尤其是在要求用户设置密码时。为了确保密码正确,希望用户输入密码两次,并确保两次的输入完全相同。此示例当检查无效时,无效的字段会显示红色的边框。

?? 密码检查示例的HTML

????}??
  • }??

    ????? document.forms[i].onsubmit = function() {return validForm();

    ????? 对每个表单,它为表单的onsubmit添加一个事件处理程序:对function(){return validForm();}的调用。这是另一个匿名函数,但是这一次它要执行一些操作:它返回true或false,告诉浏览器是否继续处理动作属性。当onsubmit处理程序返回false值时,表单就不会被传递回服务器。只有在返回true时,服务器才会收到表单(因此运行动作属性中存储的CGI)。

    ????? if (outClass.indexOf("invalid") > -1) {

    ????? 在新的class属性中可能返回的值之一是单词invalid,所以要检查它。如果在新的类中找到了invalid,就说明有问题,因此执行对应的操作。

    ????? thisTag.focus();

    ????? 如果这个表单字段可以获得焦点,那么希望将焦点放进这个字段,这一行就完成这个任务。这是让用户知道哪个字段有问题的一种方法。

    ????? if (thisTag.nodeName == "INPUT") {thisTag.select();}

    ??????判断当前查看的这个标签是<INOUT>标签吗?如果是,就选择它的值,让用户能够轻松的修改它。

    ????? function crossCheck(inTag,otherFieldID) {

    ???????????????if (!document.getElementById(otherFieldID))

    ????????????????????????? {return false;}

    ???????????????????????? return (inTag.value == document.getElementById(otherFieldID).value);

    ??????? }它接收当前标签和检查所针对的另一个字段id。在这个示例中,当前标签是passwd2<input>,另一个字段的id是passwd1。如果另一个字段不存在,就无法进行检查,这就说明有问题,所以函数返回false。否则,这两个字段都存在,所以可以比较它们的值:如果相同,就返回true,否则返回false。

    更多信息请查看?java进阶网?http://www.javady.com

  • 热点排行