用javascript響應表單的提交事件

來源:互聯網
上載者:User
javascript|響應     我們有的時候要在提交表單之前對使用者輸入的資料進行驗證,如果輸入的不正確的話,就給一提示,並讓從新輸入,那麼我們是怎麼實現的呢?
現在我以一個需求的實現為例進行簡要說明:
我的功能要求:
使用者輸入一個類型,要求是數字,所以我們進行數字驗證。
在提交的時候對起類型id欄位進行是否為空白驗證,如果為空白的話,就給一個提示,並要求起從新輸入

我們的JSP代碼如下:
<%@page contentType="text/html; charset=GBK"%>
<html>
<head>
<title>addNewsType</title>


</head>
<body bgcolor="#ffffff">
<h2>新聞類型添加</h2>
<hr />
<form name="form1" method="post" action="<%=request.getContextPath()%>/news/NewsTypeAddAction.sh" 

>


<table>
  <tr>
    <td>新聞類型編號</td>
    <td>
      <input type="text" name="typeid" onBlur="isDigit(this.value)">    </td>
  </tr>
  <tr>
    <td>新聞類型名稱</td>
    <td>
      <input type="text" name="typename">    </td>
  </tr>
  <tr>
    <td>新聞存放目錄名稱</td>
    <td>
      <input type="text" name="dir">    </td>
  </tr>
  <tr>
    <td>使用模版名稱</td>
    <td>
      <input type="text" name="templatename">    </td>
  </tr>
  <tr>
    <td colspan="2">
      <div align="center">
        <input type="submit" name="Submit" value="Submit">
        <input type="reset" value="Reset">    
      </div></td>
    </tr>
</table>
</form>
<script type="text/javascript">
function isDigit(s)
{
  var patrn=/^[0-9]{1,20}$/;
  if (!patrn.exec(s)&&s!=""){
    alert("請您輸入數字!");
    document.form1.typeid.value="";
    document.form1.typeid.focus();
    return false;
  }
}

function  actionCheck(){
  if(document.form1.typeid.value==""){
    alert("新聞類型編號不可為空!");
    document.form1.typeid.value="";
    document.form1.typeid.focus();
    return false;
  }
}
</script>

</body>
</html>

我們的javascript檢驗部分不需要解釋,主要是我們的檢驗代碼要在要在form的onSubmit事件中實現,並且要使用return 傳回值才能實現。也就是底線顯示的部分。
自己的一點粗淺認識,望多指教。

相關文章

Cloud Intelligence Leading the Digital Future

Alibaba Cloud ACtivate Online Conference, Nov. 20th & 21st, 2019 (UTC+08)

Register Now >

Starter Package

SSD Cloud server and data transfer for only $2.50 a month

Get Started >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。