js--弹出对话框、改变控件内容、验证输入邮箱的合法性

╰半橙微兮° 2022-04-17 00:34 189阅读 0赞

<!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8">
    		<title></title>
    		<script type="text/javascript">
    			function buttonAlert () {
    				
    				/* 弹框 */
    				// alert("别点我了。");
    				
    				/* 改变控件内容 */
    				var pid = document.getElementById("xia");
    				pid.innerHTML = "<a href='#'>hello1111</a>";
    			}
    			function checkForm()
    			{
    				var username = document.getElementById("username");
    				var uName = username.value;
    				/* 校验用户名 */
    				if(uName.length<6)
    				{
    					alert("用户名不能小于六位");
    					return false;
    				}
    				/* 校验邮箱 */
    				var email = document.getElementById("email")
    				var uEmail = email.value;
    				if(!(/^[a-z0-9]+([._\\-]*[a-z0-9])*@([a-z0-9]+[-a-z0-9]*[a-z0-9]+.){1,63}[a-z0-9]+$/.test(uEmail)))
    				{
    					alert("邮箱不匹配")
    					return false ;
    				}
    				return true ;
    			}
    		</script>
    	</head>
    	<body>
    		<input type="button" value="按钮" onclick="buttonAlert()"/>
    		<p id="xia">123</p>
    		<form action="#" onsubmit="return checkForm()" >
    			用户名:<input type="text" id="username" /><br />
    			密码:<input type="password" id="password" /><br />
    			邮箱:<input type="text" id="email" /><br />
    			
    			<input type="submit" value="提交" />
    		</form>
    	</body>
    </html>

发表评论取消回复

表情：

评论列表（有 0 条评论，189人围观）

还没有评论，来说两句吧...

相关阅读

相关弹出带View的对话框并操作其中的控件

public void openSet(View view)\{ AlertDialog.Builder builder = new AlertDialog.Builder(

心已赠人/ 2024年02月17日 18:06/ 0 赞/ 42 阅读

相关 matlab 对话框弹出

msgbox('你要显示的内容', '对话框标题'); msgbox(num2str(p), '对话框标题'); matlab中inputdlg函数用户交互中使用方法如下：

清疚/ 2023年08月17日 16:54/ 0 赞/ 168 阅读

相关 js弹窗返回后改变页面控件的值

js弹窗返回后改变页面控件的值(含两种方式) showModalDialog帮助可以参阅微软MSDN [http://msdn.microsoft.com/workshop/

系统管理员/ 2022年08月13日 16:56/ 0 赞/ 191 阅读

相关弹出控件

复合控件 [http://msdn.microsoft.com/zh-cn/library/aa479016.aspx][http_msdn.microsoft.com_z

拼搏现实的明天。/ 2022年08月11日 00:52/ 0 赞/ 189 阅读

相关输入内容后input控件的位置改变

输入内容后input控件的位置改变，写了挺久的前端代码，不知道为什么之前没有遇到这个问题。既然遇到了，那么就在这里总结一下经验，遇到这个问题，是我在做一个搜索框的时候，下面是

迈不过友情╰/ 2022年06月06日 23:18/ 0 赞/ 369 阅读

相关 js 弹出框 importTags控件使用案例

js 弹出框 importTags控件使用案例（1）html 页面 <div class="row-form">

蔚落/ 2022年06月06日 00:50/ 0 赞/ 258 阅读

相关 js弹出输入框

分享一下我老师大神的人工智能教程！零基础，通俗易懂！[http://blog.csdn.net/jiangjunshow][http_blog.csdn.net_jiangju

逃离我推掉我的手/ 2022年04月17日 06:13/ 0 赞/ 474 阅读

相关 js--弹出对话框、改变控件内容、验证输入邮箱的合法性

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></t

╰半橙微兮°/ 2022年04月17日 00:34/ 0 赞/ 190 阅读

相关 Mui-弹出对话框

<!DOCTYPE html> <html> <head> <meta charset="utf-8">

￡神魔★判官ぃ/ 2021年11月02日 03:31/ 0 赞/ 536 阅读

相关 SweetAlert 弹出对话框

> 中文网址：[http://mishengqiang.com/sweetalert/][http_mishengqiang.com_sweetalert] ![6587

亦凉/ 2021年08月04日 17:40/ 0 赞/ 666 阅读