首页 > 代码库 > js_10_dom表单

js_10_dom表单

2024-10-05 15:56:02   218人阅读

事件的优先级？

      先执行事件，后执行标签内置事件，如果事件返回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表单


联系
我们