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!

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。