首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Ajax >

jQuery+jQuery.validate+ajaxForm的例证

2012-09-11 
jQuery+jQuery.validate+ajaxForm的例子htmlform idform ??? label forcName???? 用户名??? /l

jQuery+jQuery.validate+ajaxForm的例子

html

<form id="form" >
??? <label for="cName">
???? 用户名
??? </label>
??? <label for="cName" > 我们要测试</label>
??? <input id="cName1" name="cName" >
??? <input type="submit" value="Test" />

</form>

-------

<script type="text/javascript">
$.validator.setDefaults({??????
???? submitHandler: function(form) {???
???????? form.submit();???
??? }??????
});
$(document).ready(function() {
?? function showRequest()
?? {???
???? var isSuccess=$("#form").validate().form(); //.form(); 返回是否验证成功
?????? return isSuccess;
?? }
?? function showResponse(responseText, statusText, xhr, $form) {
??? if (responseText) {
???? alert(responseText);
??? }
?? }
??? var options={
????? beforeSubmit: showRequest,
????? success : showResponse
?????? }
?? $("#form").ajaxForm(options);
??
?? $("#form").validate( {
??? rules : {
???? cName : "required"
??? },
??? messages : {
???? cName :"请输入值"
??? }
?? });
});


</script>

热点排行