Jquery表单验证
1 $(document).ready
2 (
3 function()
4 {
5 $.formValidator.initConfig({formid:"form1",onerror:function(){alert("校验没有通过,具体错误请看错误提示")}});
6 $("#Title").formValidator({onshow:"请输入Title!",onfocus:"请输入6-10个字符",oncorrect:"输入正确"}).inputValidator({min:6,max:10,onerror:"你输入的用户名非法,请确认"})
7 .ajaxValidator({
8 type:"get",
9 url:"/Check/CheckUserName.aspx",
10 datatype:"json",
11 success:function(data)
12 {
13 if (data == "1")
14 {
15 return true;
16 }
17 else
18 {
19 return false;
20 }
21 },
22 buttons:$("#submit"),
23 error:function(){alert("服务器没有返回数据,可能服务器忙,请重试");},
24 onerror:"该用户名不可用,请更换用户名",
25 onwait:"正在对用户名进行合法性校验,请稍候"});
26 $("#Price").formValidator({onshow:"请输入价格!",onfocus:"请输入0-9999.99之间的数值"}).regexValidator({regexp:"^(\\d{0,4})((\\.)\\d{0,2})?$",onerror:"请输入正确的数值!"});;
27
28 }
29 )
30
31 <table style="width:50%;">
32 <tr>
33 <td>
34 Title:</td>
35 <td>
36 <%= Html.TextBox("Title")%></td>
37 <td>
38 <span id="TitleTip"></span></td>
39 </tr>
40 <tr>
41 <td>
42 Description:</td>
43 <td><%= Html.TextBox("Description")%></td>
44 <td>
45 </td>
46 </tr>
47 <tr>
48 <td>
49 Price:</td>
50 <td><%= Html.TextBox("Price")%></td>
51 <td>
52 <span id="PriceTip"></span></td>
53 </tr>
54 <tr>
55 <td>
56 Instock:</td>
57 <td><%= Html.CheckBox("InStock")%></td>
58 <td>
59 </td>
60 </tr>
61 <tr>
62 <td>
63 ImageURL</td>
64 <td><input type="file" name="imageFile" onchange="PreviewImage(this)" /></td>
65 <td>
66 <img src="" width="120" height="120" alt="b" id="URLs" name="URLs" /></td>
67 </tr>
68 <tr>
69 <td>
70 ImageAltText</td>
71 <td><%= Html.TextBox("ImageAltText")%></td>
72 <td>
73 </td>
74 </tr>
75 <tr>
76 <td>
77 DisplayOrder</td>
78 <td><%= Html.TextBox("DisplayOrder")%></td>
79 <td>
80 <input type="submit" name="submit" value="提交" /> </td>
81 </tr>
82 </table>
83