d685600

Juqery/HTML 重置表单,Reset

一、JQuery中,提交表单是像下面这样的:

$(\'#myform\')[0].reset() 也就是通过调用 DOM 中的reset方法来重置表单。
 

二、也可以用效率比较高的html方式

<input type="reset" /> 或者<button type="reset"/> 

 

三、涉及到表单提交样式,有时候充值后样式却清除不了

可以这样设置<button onclick="bllHelper.resetForm($(\'#<%=dataForm.ClientID %>\'));return false;">重置</button>

    //表单重置
    resetForm: function (formObj)
    {
        formObj[0].reset();
        if (validatorObj)
        {
            validatorObj.resetForm();
        }
        formObj.find(\'.has-error\').removeClass(\'has-error\');
        formObj.find(\'.has-info\').removeClass(\'has-info\');
        formObj.form("reset");
    }
View Code

注意期中的formObj[0].reset();也就是用了上面第一种的方式,其实就是reset之后把样式去掉。jQuery下用validate插件执行.resetForm(), 而其中的validatorObj =  $(\'#<%=dataForm.ClientID%>\').validate({ 这个是表单验证的。其中在button中加入return false是防止再提交表单。关于具体的表单验证可以看http://www.cnblogs.com/d685600/p/3747012.html

 

分类:

技术点:

相关文章: