css样式和button按钮实时刷新

#利用button按钮登录需要输入两次信息,数据才能传递到后台
#因为我要使用css样式关联button按钮实现效果但是button按钮会先拼接数据,拼接完没有下一步操作了,我必须再输入一次信息,才能提交到后台
#所以我的登录信息要输入两次,我该怎么实现button按钮实时刷新呢?又或者我需要改css代码吗?我试过把css文件中的button改成input可以实时刷新,但是我的css样式效果没有了
#我该如何修改呢? 求指点

还是没太明白你的问题点在哪里?不明白为啥要输入两次信息?如果只是想先拼接表单的信息,然后提交的话,为啥不拼接好了之后,用js手动提交表单数据?这是一个问题。
第二个,如果不想用input来提交表单数据,想用button,把button的type设置成submit不就行了?
这跟实时刷新有啥关系?你的业务场景是怎样的?

在点击按钮的时候获取你输入框的值 如果值都不为空再请求登录接口 为空则个提示