一、表单验证:在两个位置发生(支持JavaScript的浏览器或服务器上)

方法:通常在onsubmit事件处理程序中验证表单。

例子(1)表单验证输入格式

html代码:

应用JavaScript(一):表单验证

js代码

应用JavaScript(一):表单验证

css代码

应用JavaScript(一):表单验证


(2)表单验证输入是否为空

html代码

应用JavaScript(一):表单验证

js代码

应用JavaScript(一):表单验证

css代码

应用JavaScript(一):表单验证

(3)使用replace()方法查找字符:利用备选字符集替换特定的字符。

语法:string replace(oldSubString,newSubString);

    string.replace(regEx,newSubString);

    string.replace(regEx,function());

应用JavaScript(一):表单验证

css代码同上一例

PS:也可使用“|”符号匹配多个字符串:如/link|url|homepage/查找link、url、homepage的匹配

(4)利用测试和正则表达式测试字符

应用JavaScript(一):表单验证

js代码

应用JavaScript(一):表单验证

(5)选择框选项必选

html代码

应用JavaScript(一):表单验证

js代码

应用JavaScript(一):表单验证

效果:不选的话出现提示框

应用JavaScript(一):表单验证

如果需要得到所选项的值,则:form.selCards.options[selected].value

(6)检验Radiobutton是否选择

应用JavaScript(一):表单验证

js代码

应用JavaScript(一):表单验证

效果

应用JavaScript(一):表单验证

(7)检验Checkbox是否选择,如果没选择,则警示重新选择;如果选择了,就计数,然后进入之后的操作

应用JavaScript(一):表单验证

js代码

应用JavaScript(一):表单验证

效果

应用JavaScript(一):表单验证

最后例子

题目如下

应用JavaScript(一):表单验证

html的表单代码

应用JavaScript(一):表单验证

<script type="text/javascript" src="./rollover.js"></script>js代码

应用JavaScript(一):表单验证

应用JavaScript(一):表单验证

<link rel="stylesheet" type="text/css" href="./pra.css">css代码

应用JavaScript(一):表单验证


相关文章:

  • 2022-12-23
  • 2021-12-26
猜你喜欢
  • 2021-08-30
  • 2022-02-22
  • 2021-12-20
  • 2021-09-29
相关资源
相似解决方案