javascript
JavaScript与 HTML表单的交互过程，想要学习动态网页但是无从下手的新手看看。...
清晰的理解 。。。? 對應下面的代碼看我寫的問題?? 。
?
??? 其實表單的交互操作很簡單? 就是在 提交表單數據的時候調用一個?? javascript? 所寫的函數?,? 注意看我下面所給的代碼
?
?這一行??? <form name="Form1"onSubmit=" return on_submit() ;"method="post" action="register.jsp" >?????
?
注意看陰影地方 有一個 onSubmit 屬性 這里將 這個屬性設置為?????return on_submit() ; 意思就是調用 on_submit() 函數??
?
這個函數就在 <script></script> 中定義????????這就是表單提交的原理??,注意我這里只是說表單整體的提交 ，? 如果我們想要判斷 表單中
的某個元素 例如?? text 也就是文本框的內容是否為? 空也就是 "" 那么可以這樣 判斷在我們 自己寫的javascript 函數中?
<script language="javascript">
?function on_submit()
?{??
??? ???
? if (Form1.user_name.value == "")??????????????/*??這句就是檢測文本區輸入是否為空如果為空那么返回false 意思就是取消表單的提交注意表單元素name屬性區分大小寫一定不要寫錯 ??*/
??? {
???? alert("用戶名不能為空，請輸入用戶名！");
???? return false;
??? }
?}
?</script>
?
?
?
具體細節大同小異 ,基本上有一點html基礎的 朋友 都能看懂這個交互的過程吧,,,,,希望能幫助 像我一樣的新手 。。。寫的不好 高手 不要噴我?
對于 html文件表單書寫 以及事件的響應建議到 Dreamweaver中 書寫??? 可以有事件提示可以更高效的寫程序
<html>
?<script language="javascript">
?function on_submit()
?{??
??? ???
? if (Form1.user_name.value == "")
??? {
???? alert("用戶名不能為空，請輸入用戶名！");
???? return false;
??? }
?}
?</script>
?<head>
?<title>this? is my first? java script page</title>
?</head>
?<body>用戶信息提交?
??? <form name="Form1" onSubmit=" return on_submit() ;" method="post" action="register.jsp" >
?? 用戶名:
???? <input name="user_name" type="text" maxlength="255" >
???? <br>
???? 密碼:
???? <input name="user_password" type="text" maxlength="255"?? ><br>
???? 出生日期:<input name="year" size="3" maxlength="4" >年<select>?
???? <option selected="selected"> 1</option>
???? <option > 2</option>
???? <option > 3</option>
???? <option > 4</option>
???? <option> 5</option>
???? <option> 6</option>
???? <option> 7</option>
???? <option > 8</option>
???? <option > 9</option>
???? <option > 10</option>
???? <option > 11</option>
???? <option > 12</option>
???? </select>月<input name="day" size="3" maxlength="4"> <br>?
???? 性別: <input type="radio" name="radio1" >男 <input type="radio" name="radio2">女?? <br>
???? <input type="submit" name="button_sub" value="提? 交"> <input type="reset" name="button_reset" value="重? 置" >
?</form>
?</body>
?</html>
轉載于:https://www.cnblogs.com/yuedongwei/archive/2011/11/07/4145596.html
總結
以上是生活随笔為你收集整理的JavaScript与 HTML表单的交互过程，想要学习动态网页但是无从下手的新手看看。...的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： VB网站收集
- 下一篇： Linux文件IO-例会笔记总结