bootstrap中modal框数据不清空,怎么解决

$('#myModal').on('hidden.bs.modal', function () {
    $('#fm').data('bootstrapValidator').destroy();
    $('#fm').data('bootstrapValidator', null);
    clearForm($('#fm'));
    formValidator();    //重新加载验证
});

    //清空文本框内容
function clearForm(form) {
    // input清空
    $(':input', form).each(function () {
        var type = this.type;
        var tag = this.tagName.toLowerCase(); // normalize case
        if (type == 'text' || type == 'password' || tag == 'textarea')
            this.value = "";
            // 多选checkboxes清空
            // select 下拉框清空
        else if (tag == 'select')
            this.selectedIndex = -1;
    });
};

我是又手动清空了一次
在HBuilder中创建响应式购物车功能页面,你需要掌握HTML来构建页面结构,CSS进行样式设计,JavaScript添加交互逻辑,以及利用Bootstrap架来实现响应式设计和组件使用。首先,通过HBuilder新建项目功能创建一个基础的Web项目结构,然后按照以下步骤操作: 参考资源链接:[使用HBuilder与Bootstrap构建商城页面](https://wenku.youkuaiyun.com/doc/69oi6i7jqz?spm=1055.2569.3001.10343) 1. **HTML页面结构**:在`index.html`中编写HTML代码,包括页面头部、导航栏、购物车产品列表、购物车操作按钮等部分。 2. **CSS样式设计**:创建CSS文件(如`style.css`),定义购物车页面的样式,包括布局、颜色、字体等。利用Bootstrap提供的栅格系统来实现响应式布局,确保在同屏幕尺寸的移动设备上都能良好展示。 3. **JavaScript交互逻辑**:编写JavaScript代码(如`script.js`),实现商品添加到购物车、计算总价、清空购物车等动态交互功能。可以使用Bootstrap的JavaScript插件,如模态Modal)和折叠(Collapse)等,增强用户体验。 4. **Bootstrap架使用**:在`<head>`标签中引入Bootstrap的CSS和JS文件。使用Bootstrap的预定义样式和组件来快速构建页面元素,例如按钮、表格、表单等。 5. **测试和调试**:使用HBuilder的预览功能,在同的设备和浏览器中查看页面效果,确保所有功能正常工作且页面在各设备上显示良好。 通过综合运用这些技术,你可以在HBuilder中创建一个既美观又实用的购物车功能页面,该页面能够适应同用户的设备,提供流畅的购物体验。更多关于Bootstrap和响应式设计的细节,可以参考《使用HBuilder与Bootstrap构建商城页面》这份教程,它详细讲解了如何使用这些工具和架来开发商城页面,对于想要深入了解和实践的开发者来说是非常有用的资源。 参考资源链接:[使用HBuilder与Bootstrap构建商城页面](https://wenku.youkuaiyun.com/doc/69oi6i7jqz?spm=1055.2569.3001.10343)
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值