首頁 > 開發者 > JavaScript
1.在WebRoot路徑下建立一個js檔案夾。
2.將Validation中validation-config.xml和validation-framework.js兩個檔案拷貝到其中。
3.更改validation-framework.js檔案中第21行添加路徑，例：
var ValidationRoot = "/lesson4/js/";
4.
(1)去掉validation-config.xml檔案中14到41行,例：
<form id="form2" show-error="errorDiv" onfail="" show-type="first">
<field name="username" display-name="鐢ㄦ埛鍚? onfail="">
<depend name="required" />
<depend name="commonChar" />
</field>
<field name="password" display-name="瀵嗙爜">
<depend name="required" />
<depend name="commonChar" />
</field>
<field name="confirm" display-name="紜瀵嗙爜">
<depend name="equalsField" param0="password"/>
</field>
<field name="gender" display-name="鎬у埆">
<depend name="required" />
</field>
<field name="interest" display-name="鍏磋叮">
<depend name="required" />
</field>
<field name="email" display-name="Email">
<depend name="email"/>
</field>
<field name="age" display-name="騫撮緞">
<depend name="integerRange" param0="15" param1="60"/>
</field>
<field name="cname" display-name="涓枃濮撳悕">
<depend name="chineseChar"/>
</field>
</form>
(2)修改第4到第13行的name值，例：
<form id="form1" show-error="alert" show-type="all">
<field name="username" display-name="鐢ㄦ埛鍚? onfail="">
<depend name="required" />
<depend name="commonChar" />
</field>
<field name="password" display-name="瀵嗙爜">
<depend name="required" />
<depend name="commonChar" />
</field>
</form> www.2cto.com
①將id="form1"改為id="login" 備忘：和Login1.html中form表單中的name同名。
②將name="username"改為name="userName" 備忘：和Login1.html中input表單中的name同名。
③將name="password"改為name="userPassword" 備忘：和Login1.html中input表單中的name同名。
5.增加對javascript檔案函數的調用。
(1)在Login1.html中<body></body>裡第一行增加一行代碼，代碼如下：
<script language="javascript" src="/lesson4/js/validation-framework.js"></script>
(2)在Login1.html中<form>的內容裡加上(提交)submit代碼修改如下：
原：
<form method="post" action="/lesson4/servlet/login" name="login">
添加submit後：
<form method="post" action="/lesson4/servlet/login" name="login" onsubmit="return doValidate(this)">
6.解決出現亂碼的問題(檔案從新儲存)：
將路徑下的validation-framework.js檔案用EditPlus開啟，選擇Encoding的格式為UTF-8替換儲存。
7.在頁面中顯示而非彈出對話方塊提示，顯示錯誤資訊的設定方法：
(1)在Login1.html頁面中<script>行下面<form>上面加上一行代碼，代碼如下：
<div id="error" style="color:red;font-weight:bold"><div>
備忘： id值，error表示出錯提示；樣式，字型紅色加粗。
(2)修改validation-config.xml檔案中<form>表單裡面show-error的值，將"alert"改為"error"
原：
<form id="form1" show-error="alert" show-type="all">
改為：
<form id="form1" show-error="error" show-type="all">
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
