→ future0604:前端的code是???? 04/21 16:51
<form action="action.php" method="post" id="contact">
<table class="contactfrom" width="100%" border="0">
<tr>
<th width="15%"><span class="red">*</span>姓名:</th>
<td colspan="3"><span id="spr1">
<input type="text" name="name" id="name" />
<span class="textfieldRequiredMsg">必須填寫</span></span><span id="spr2">
<label>
<input type="radio" name="sex" value="先生" id="RadioGroup1_0" />
先生</label>
<label>
<input type="radio" name="sex" value="小姐" id="RadioGroup1_1" />
小姐 </label>
<span class="radioRequiredMsg">必須選取</span></span></td>
</tr>
<tr>
<th>公司名稱:</th>
<td colspan="3"><input type="text" name="company" id="company" /></td>
</tr>
<tr>
<th><span class="red">*</span>地址:</th>
<td colspan="3"><span id="spr6">
<select name="district" id="district">
<option value="-1" selected="selected">請選擇縣市</option>
<option value="新北市">新北市</option>
<option value="台北市">台北市</option>
<option value="台中市">台中市</option>
<option value="台南市">台南市</option>
<option value="高雄市">高雄市</option>
<option value="基隆市">基隆市</option>
<option value="新竹市">新竹市</option>
<option value="嘉義市">嘉義市</option>
<option value="台北縣">台北縣</option>
<option value="桃園縣">桃園縣</option>
<option value="新竹縣">新竹縣</option>
<option value="苗栗縣">苗栗縣</option>
<option value="彰化縣">彰化縣</option>
<option value="南投縣">南投縣</option>
<option value="雲林縣">雲林縣</option>
<option value="嘉義縣">嘉義縣</option>
<option value="屏東縣">屏東縣</option>
<option value="宜蘭縣">宜蘭縣</option>
<option value="花蓮縣">花蓮縣</option>
<option value="台東縣">台東縣</option>
<option value="澎湖縣">澎湖縣</option>
<option value="連江縣">連江縣</option>
<option value="金門縣">金門縣</option>
<option value="大陸地區">大陸地區</option>
</select>
<span class="selectInvalidMsg">請選取縣市。</span><span class="selectRequiredMsg">請選取項目。</span></span>
<input name="address" type="text" id="address" size="40" /></td>
</tr>
<tr>
<th><span class="red">*</span>電子郵件:</th>
<td colspan="3"><span id="spr3">
<input type="text" name="mail" id="mail" />
<span class="textfieldRequiredMsg">必須填寫</span><span class="textfieldInvalidFormatMsg">格式無效</span></span></td>
</tr>
<tr>
<th><span class="red">*</span>連絡電話:</th>
<td><span id="spr4">
<input type="text" name="tel" id="tel" />
<span class="textfieldRequiredMsg">必須填寫</span><span class="textfieldInvalidFormatMsg">格式無效</span></span></td>
<th>傳真:</th>
<td><input type="text" name="fax" id="fax" /></td>
</tr>
<tr>
<th>詢問型號:</th>
<td colspan="3"><input type="text" name="type" id="type" /></td>
</tr>
<tr>
<th><span class="red">*</span>詢問內容:</th>
<td colspan="3"><span id="spr5">
<textarea name="contents" id="contents" cols="45" rows="7"></textarea>
剩餘字數<span id="countspr5"> </span><br />
<span class="textareaRequiredMsg">必須填寫</span><span class="textareaMinCharsMsg">字數太少! 至少5字以上。</span><span class="textareaMaxCharsMsg">已超出最大字數。</span></span></td>
</tr>
<tr>
<td align="right" valign="top"> </td>
<td colspan="3"><input type="submit" name="button" id="button" value="送出資料" />
<span id="spr7">
<input name="text1" type="text" id="text1" size="6" maxlength="6" />
<span class="confirmRequiredMsg">必須填寫。</span><span class="confirmInvalidMsg">請輸入AAM。</span></span> <span class="red">*</span>送出資料前請輸入「AAM」
<input name="verification" type="text" class="textfieldValidMsg" id="verification" value="AAM" /></td>
</tr>
</table>
</form>
<script type="text/javascript">
<!--
var sprytextfield1 = new Spry.Widget.ValidationTextField("spr3", "email", {validateOn:["blur"]});
var sprytextfield2 = new Spry.Widget.ValidationTextField("spr1", "none", {validateOn:["blur"]});
var sprytextfield3 = new Spry.Widget.ValidationTextField("spr4", "phone_number", {validateOn:["blur"], format:"phone_custom"});
var sprytextarea1 = new Spry.Widget.ValidationTextarea("spr5", {validateOn:["blur"], counterType:"chars_remaining", counterId:"countspr5", minChars:5, maxChars:500});
var spryradio1 = new Spry.Widget.ValidationRadio("spr2", {validateOn:["blur"]});
var spryselect1 = new Spry.Widget.ValidationSelect("spr6", {validateOn:["blur"], invalidValue:"-1"});
var spryconfirm1 = new Spry.Widget.ValidationConfirm("spr7", "verification", {validateOn:["blur"]});
//-->
</script>
這驗證方式是使用 Dreamweaver 內的 Spry 驗證
※ 編輯: binggo (211.75.77.199), 04/22/2014 08:47:27
※ 編輯: binggo (211.75.77.199), 04/22/2014 08:51:20
推 LaPass:後端當然也要驗證..... 04/22 09:34
→ binggo:可是我找不到後端驗證的相關教學... 04/22 14:12
→ yryangs: God... 你來本板超過5年 => 相剛工作該也超過5年了吧 @@ 04/22 15:06
→ yryangs: 相'關' 04/22 15:07
→ hans5300609:php寫字串判斷阿... 還有函式可用,這其實蠻基礎的 04/22 19:48