JavaScript基础部分（四）

来源：互联网发布：can总线通讯协议编程编辑：程序博客网时间：2024/06/06 19:33

JavaScript的表单以及表单验证
表单实例

 <!DOCTYPE html><html><head><meta charset="utf-8"><script>function validateForm() {    var x = document.forms["myForm"]["fname"].value;    if (x == null || x == "") {        alert("需要输入名字。");        return false;        //判断表单字段(fname)值是否存在，如果存在，则弹出信息，否则阻止表单提交!    }}</script></head><body><form name="myForm" action="demo_form.php"onsubmit="return validateForm()" method="post">//onsubmit即为执行submit时的函数名字: <input type="text" name="fname">//submit是触发事件，寓意当点击时，执行相应的函数<input type="submit" value="提交">//表的形式<form></form>//两个input类型，分别对应的几个部分</form></body></html>

运行结果

email地址的验证函数

function validateForm(){  var x=document.forms["myForm"]["email"].value;  //找出变量  var atpos=x.indexOf("@");  //选取所输入地址的@后面的长度  var dotpos=x.lastIndexOf(".");  //选取.后面的长度  if (atpos<1 || dotpos<atpos+2 || dotpos+2>=x.length){  //email的判别方法    alert("不是一个有效的 e-mail 地址");    return false;  }}

阅读全文

0 0