JS的基本使用
触发javascript
1、在button的click直接写JS或是调用JS方法
<button type="button" onclick="alert(‘Welcome!‘)">点击这里</button>
2、调用方法
<p id="demo"> JavaScript 能改变 HTML 元素的内容。 </p> <script> function myFunction() { x=document.getElementById("demo"); // 找到元素 x.innerHTML="Hello JavaScript!"; // 改变内容 } </script> <button type="button" onclick="myFunction()">点击这里</button>
3 struts2下的表单使用js,onsumit和onclick都会触发
JS代码验证信息填写:
<script type="text/javascript"> function checkInput(){ var str1 = document.getElementById("login-username").value; var str2 = document.getElementById("login-email").value; var str3 = document.getElementById("login-confirm-password").value; var str4 = document.getElementById("login-password").value; if(str1==""||str2==""||str3==""||str4==""){ alert("请将信息填写完整!"); return false; }if(str3!=str4){ alert("密码不一致!"); return false; }else{ return true; } } </script>
表单:onsubmit和onclick都可以用来触发js
<s:form action="" onsubmit="checkInput();"> <s:textfield name="u_name" id="login-username" label="用户名:" ></s:textfield> <s:password name="u_pwd" label="密码:" id="login-password"></s:password> <s:password name="" label="确认密码:" id="login-confirm-password" ></s:password> <s:submit value="注册" onclick="checkInput();"></s:submit> </s:form>
但这样不会根据js判断的结果为false就不提交表单,所以因改写成onclick="return checkInput();"
Done!
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。