表单验证后提交 两种方式 2016/07/10

————————————————前面比较啰嗦,具体方法在最后————————————

今天使用ajax,在增加用户,点击保存后,先不提交,先判断填写的信息,然后确定是否提交。

这是做的第一个练手的项目,之前跟着视频学习,学到项目视频被加密了,只有项目第一天的视频可以看,不过第一天收获也很大,项目刚开始时候使用S2SH怎么一步步整合。都是先看一遍,再看着写一遍,再自己写一遍。学到的挺多的。

尽管后面几天的项目的视频被加密了,但还好只是视频加密了,资料还可以看。所以这几天都是看着资料来慢慢摸索着做。

————————————————以上算是背景——————————————————

所以,今天的目标是使用ajax异步判断,由于讲知识点的人和讲项目的人不一样,从资料中看出,俩个人用的不太一样。而且,感觉项目还没有之前学知识点时候优化的好。现在是提交表单后再校验。而且这个项目老师特地把ajax的async属性值写为false,就成了非异步了。而在学知识点时,是用的异步方式,填完一个文本框,写的焦点失去方法,焦点失去后,使用ajax到action的方法中,方法会查询数据库判断进行校验,而且json使用框架自动封装。现在不是这样,把我搞糊涂了。不过今天的主题是表单验证后再提交,那个ajax等我搞明白了再写吧。

——————————————终于正文啦!!——————————————————————

正是由于以上的背景,今天我一看目标是使用ajax,就知道在前端jsp页面中,肯定会有变化。果然,加了两个function();一个是doVerify(),看名字就知道是校验的

<span style="font-size:18px;">var vResult = false;
	//校验帐号唯一性
	function doVerify(){
		//获取帐号
		alert("进入doVerfy()方法中");
		var account = $("#account").val();
		alert("account:"+account);
		if(account != ""){
			//校验
			$.ajax({
				url:"${basePath}nsfw/user_verifyAccount.action?time="+ new Date().getTime(),
				data:{"user.account":account},
				type:"POST",
				async:false,//非异步
				success:function(msg){
					alert("msg:"+msg);
					if("true"!=msg){
						//说明帐号已经存在
						alert("帐号已经存在,请使用其他帐号!");
						//光标定为到输入框
						$("#account").focus();
						vResult &#
  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在前端对表单进行验证通常有两种方法: 1. 使用 HTML5 表单验证: 您可以在 HTML 表单元素中添加属性,例如 `required`,`minlength`,`maxlength` 等属性来验证表单输入。这些属性可以让浏览器自动验证表单输入是否符合要求。例如: ```html <form> <label for="username">用户名:</label> <input type="text" id="username" name="username" required minlength="4" maxlength="20"> <button type="submit">提交</button> </form> ``` 上面的代码中,`required` 表示该字段必须填写,`minlength` 和 `maxlength` 分别表示该字段最少和最多可以输入多少个字符。 2. 使用 JavaScript 进行表单验证: 您可以使用 JavaScript 对表单进行自定义验证,例如检查输入是否符合正则表达式、是否与其他输入匹配等等。例如: ```html <form onsubmit="return validateForm()"> <label for="password">密码:</label> <input type="password" id="password" name="password"> <label for="confirmPassword">确认密码:</label> <input type="password" id="confirmPassword" name="confirmPassword"> <button type="submit">提交</button> </form> <script> function validateForm() { var password = document.getElementById("password").value; var confirmPassword = document.getElementById("confirmPassword").value; if (password != confirmPassword) { alert("两次输入的密码不一致"); return false; } return true; } </script> ``` 上面的代码中,`validateForm()` 函数会在提交表单时被调用,它会检查两次输入的密码是否一致,并在不一致时弹出一个警告框。如果两次输入的密码一致,则返回 `true`,允许表单提交

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值