Jquery表单验证
2008-10-31 11:34
543 查看
Code
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",
datatype:"json",
success:function(data)
{
if (data == "1")
{
return true;
}
else
{
return false;
}
},
buttons:$("#submit"),
error:function(){alert("服务器没有返回数据,可能服务器忙,请重试");},
onerror:"该用户名不可用,请更换用户名",
onwait:"正在对用户名进行合法性校验,请稍候"});
$("#Price").formValidator({onshow:"请输入价格!",onfocus:"请输入0-9999.99之间的数值"}).regexValidator({regexp:"^(\\d{0,4})((\\.)\\d{0,2})?$",onerror:"请输入正确的数值!"});;
}
)
<table style="width:50%;">
<tr>
<td>
Title:</td>
<td>
<%= Html.TextBox("Title")%></td>
<td>
<span id="TitleTip"></span></td>
</tr>
<tr>
<td>
Description:</td>
<td><%= Html.TextBox("Description")%></td>
<td>
</td>
</tr>
<tr>
<td>
Price:</td>
<td><%= Html.TextBox("Price")%></td>
<td>
<span id="PriceTip"></span></td>
</tr>
<tr>
<td>
Instock:</td>
<td><%= Html.CheckBox("InStock")%></td>
<td>
</td>
</tr>
<tr>
<td>
ImageURL</td>
<td><input type="file" name="imageFile" onchange="PreviewImage(this)" /></td>
<td>
<img src="" width="120" height="120" alt="b" id="URLs" name="URLs" /></td>
</tr>
<tr>
<td>
ImageAltText</td>
<td><%= Html.TextBox("ImageAltText")%></td>
<td>
</td>
</tr>
<tr>
<td>
DisplayOrder</td>
<td><%= Html.TextBox("DisplayOrder")%></td>
<td>
<input type="submit" name="submit" value="提交" /> </td>
</tr>
</table>
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",
datatype:"json",
success:function(data)
{
if (data == "1")
{
return true;
}
else
{
return false;
}
},
buttons:$("#submit"),
error:function(){alert("服务器没有返回数据,可能服务器忙,请重试");},
onerror:"该用户名不可用,请更换用户名",
onwait:"正在对用户名进行合法性校验,请稍候"});
$("#Price").formValidator({onshow:"请输入价格!",onfocus:"请输入0-9999.99之间的数值"}).regexValidator({regexp:"^(\\d{0,4})((\\.)\\d{0,2})?$",onerror:"请输入正确的数值!"});;
}
)
<table style="width:50%;">
<tr>
<td>
Title:</td>
<td>
<%= Html.TextBox("Title")%></td>
<td>
<span id="TitleTip"></span></td>
</tr>
<tr>
<td>
Description:</td>
<td><%= Html.TextBox("Description")%></td>
<td>
</td>
</tr>
<tr>
<td>
Price:</td>
<td><%= Html.TextBox("Price")%></td>
<td>
<span id="PriceTip"></span></td>
</tr>
<tr>
<td>
Instock:</td>
<td><%= Html.CheckBox("InStock")%></td>
<td>
</td>
</tr>
<tr>
<td>
ImageURL</td>
<td><input type="file" name="imageFile" onchange="PreviewImage(this)" /></td>
<td>
<img src="" width="120" height="120" alt="b" id="URLs" name="URLs" /></td>
</tr>
<tr>
<td>
ImageAltText</td>
<td><%= Html.TextBox("ImageAltText")%></td>
<td>
</td>
</tr>
<tr>
<td>
DisplayOrder</td>
<td><%= Html.TextBox("DisplayOrder")%></td>
<td>
<input type="submit" name="submit" value="提交" /> </td>
</tr>
</table>
相关文章推荐
- jQuery验证表单格式的使用方法
- jQuery表单验证
- Jquery 表单验证插件资源整理
- jQuery实现用户注册的表单验证
- JQuery 和JS 对Form表单验证和输入框验证
- jQuery表单验证
- jQuery之简单的表单验证
- jQuery的form表单验证
- jQuery插件Validation快速完成表单验证的方式
- 12 个 jQuery 的表单验证教程和插件
- jQuery表单验证插件的使用
- jQuery_validate表单验证
- jquery 表单验证加 验证非法字符
- jQuery插件 -- 表单验证插件jquery.validate.js
- jquery.validate.js表单验证
- 功能强大的jquery.validate表单验证插件
- JQuery插件第十四个:简单验证表单
- JQuery表单验证
- jquery---------ajax+validate表单异步提交验证
- jquery各种验证代码表单验证扩展