码迷,mamicode.com
首页 > Web开发 > 详细

js_10_dom表单

时间:2017-06-13 19:45:58      阅读:244      评论:0      收藏:0      [点我收藏+]

标签:获取   form   else   body   head   表单验证   size   ros   oct   

事件的优先级?

      先执行事件,后执行标签内置事件,如果事件返回false不执行后面的事件或标签内置事件

如何通过js提交表单?

      任意标签定义onclick事件

      函数中写入:document.getElementById(‘a‘).submit()    //   submit内置提交方法

需求,对form表单验证,空不能提交

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>嘻嘻</title>
 6 
 7 </head>
 8 <body>   
 9 
10     <form action="">
11 
12         <p><input name="name1" type="text" ></p>
13         <p><input type="submit" onclick="return New_submit() ;"></p>
14 
15     </form>
16     <script>
17 
18         function New_submit() {
19 //              [0]获取 name1第一个值
20             var value_1 = document.getElementsByName(name1)[0];
21             if(value_1.value.trim()){
22                return true;
23             }else {
24                 alert(请输入)
25                 return false
26             }
27         }
28     </script>
29 </body>
30 </html>

 

js_10_dom表单

标签:获取   form   else   body   head   表单验证   size   ros   oct   

原文地址:http://www.cnblogs.com/2bjiujiu/p/7003027.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!