Juqery/HTML 重置表单，Reset

一、JQuery中，提交表单是像下面这样的：

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

 

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

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

 

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

可以这样设置<button οnclick="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

 

转载于:https://www.cnblogs.com/d685600/p/3735266.html