HTML JS 数据校验

2021-05-15 19:28

阅读:453

标签:ber   xxx   value   div   func   ack   alt   style   ges   

用到了html字符串校验,这里记录一下。

 1 html>
 2     head>
 3         script type="text/javascript">
 4             function on_click(){
 5                 var email = document.getElementById("input1").value.trim();
 6                 var telph = document.getElementById("input2").value.trim();
 7         
 8                 if(email == "" ||telph == ""){
 9                     alert("The email or telph is blank!!!");
10                     return false;
11                 }
12                 
13                 if (email.indexOf("@") == -1){
14                     alert("an @ is not in an email !!!");
15                     return false;
16                 }
17                 
18                 var re = /^([0-9]{3}-)?[0-9]{3}-[0-9]{4}$/;
19                 if (re.test(telph) == false){
20                     alert("telph number is not match xxx-xxxx or xxx-xxx-xxxx")
21                     return false;
22                 }
23                 
24                 alert("ok, email:" + email + ", telephone:" + telph);
25                 return true;
26             }
27         script>
28     head>
29     
30     body>
31         email: input id = "input1"> input> br>    
32         telph: input id = "input2"> input> br>    
33         button type="button" onclick=on_click()>testbutton>
34     body>
35 html>

如图:

校验两个字段均不能为空

校验email字段必须包含@

校验telph字段必须满足正则表达式

技术分享

 

HTML JS 数据校验

标签:ber   xxx   value   div   func   ack   alt   style   ges   

原文地址:http://www.cnblogs.com/xudong-bupt/p/7750655.html


评论


亲,登录后才可以留言!