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！