html 怎么点击一个按钮d出一个提示框

html 怎么点击一个按钮d出一个提示框,第1张

需要准备的材料分别有:电脑、浏览器、html编辑器

1、首先,打开html编辑器,新建html文件,例如:index.html,输入问题基础代码。

2、在index.html中的<body>标签中,输入js代码:

function fun() {

alert('click success!')

}

3、浏览器运行index.html页面,此时点击按钮d出了提示框。

整成字符串,字段之间加回车换行符,如 001+\n+张三+\n+30---大概意思啊;

然后将字符串输出到文本框就是了;

删除就是清空文本框内容即可;

方法一、可以加载js插件(网上有很多这类验证表单的插件)

方法二、自己手动写,比如:

<form method="post" action="" onsubmit="return check_form(this)">

<div class="item">

<input type="text" name="name" oninput="clear_error(this)"/>

</div>

<button type="submit">提交</button>

</form>

<script type="text/javascript" src="引用jquery.js"></script>

<script type="text/javascript">

function check_form(f){

if(f.name.value == ''){

$('input[name="name"]').after('<span style="color:red">请填写姓名</span>')

return false

}

return true

}

function clear_error(o){

$(o).siblings('span').remove()

}

</script>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7193235.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-02
下一篇 2023-04-02

发表评论

登录后才能评论

评论列表(0条)

保存