表单验证,按钮是button ajax提交怎么去进行表单验证???

表单验证,按钮是button   ajax提交怎么去进行表单验证???、

或者我可以通过js获得表单验证的状态么

已邀请:

我是这样理解的

1、如果采用了data-am-validator验证插件,可以在按钮点击的时候判断下这个

$('form').validator('isFormValid')

当全部验证通过时,会返回true。

2、如果用的是H5原生验证,没有用AmazeUI的验证插件,我也没找到手工触发验证的方法,只有触发submit事件才能验证,不过submit事件中返回false就不会提交了,这样来实现ajax提交,但是提交按钮需要设置为submit的。

$('form').on('submit',function(){
var $btn=$('button[type="submit"]');
var $psw=$('input[name="password"]');
$btn.button('loading');
$psw.val(md5($psw.val()));
$.post('',$(this).serialize(),function(data){
$btn.button('reset');
if(data.code===0){location='';}
else{
$psw.val('');
AMUI.dialog.alert({
content:data.msg,
onConfirm:function(){$('input[name="username"]').focus();}
});
}
});
return false;
});

 

夕风色

赞同来自:

<input class="user-phone" value="" />

<button class="btn"></button>

 

 

$('.btn').on('click',function(){

if($('.user-phone').val() == ''){

alert('电话号码不能为空')

return false;

}

alert('用户电话提交成功')

})

 

简单的小例子~!希望能够帮助你~!

puz_zle

赞同来自:

逻辑思路问题

要回复问题请先登录注册