`

ajax校验的js,验证不通过时禁用提交按钮

阅读更多
被这个问题困扰了不少时间,把解决的函数记录下来留此存照.
	<script src="prototype-1.6.0.3.js" type="text/javascript"></script>
	<script src="json2.js" type="text/javascript"></script>
	<script type="text/javascript">
	function validateID() {
		var url = "validateID";
		var params = Form.Element.serialize("id");
		var myAjax = new Ajax.Request(url, {
			method : "post",
			parameters : params,
			onComplete : processResponse,
			asynchronous : true
		});
	}
	function processResponse(request) {
		var action = JSON.parse(request.responseText);
		$("tip").innerHTML = action.tip;
		if (action.flag) {
			document.all("submit").disabled = true;
		} else {
			document.all("submit").disabled = false;
		}
	}
	function refresh() {
		document.getElementById("authImg").src = "auth.jpg?now=" + new Date();
	}
</script>
分享到:
评论

相关推荐

    JQuery+AJAX实现用户名验证

    6. **用户体验优化**:为了提供更好的用户体验,可以添加一些视觉反馈,比如禁用按钮以防止重复提交,或者显示一个加载动画。 在实际项目中,可能还需要处理更多细节,例如错误处理、请求超时、防止跨站请求伪造...

    js验证表单大全

    在网页开发中,JavaScript(简称JS)是一种必不可少的脚本语言,它被广泛用于实现客户端的交互和数据验证。"js验证表单大全"通常指的是一个集合,包含了各种常见的JavaScript表单验证方法和示例,旨在帮助开发者创建...

    修改禁止多次重复提交

    token机制则是为每个表单生成一个唯一的标识,提交时校验该标识,若已存在则拒绝。例如,创建一个隐藏字段存放token: ```html (); ?&gt;"&gt; ``` 在后端,接收并验证这个token: ```php if (isset($_POST['token']) &...

    java短信验证(前后台全部)

    前端JS负责验证手机号码格式是否正确,通常使用正则表达式进行校验。 2. 请求发送:当用户点击“获取验证码”按钮时,前端通过Ajax异步请求发送短信验证码到后端服务器。 3. 倒计时:为了防止频繁发送验证码,前端会...

    jquery validate 验证自定义样式

    7. **自定义提交按钮**:如果你希望在表单验证失败时禁用提交按钮,可以使用`submitHandler`回调函数: ```javascript submitHandler: function(form) { // 提交表单前的逻辑,如发送AJAX请求 form.submit(); }...

    传智播客ajax配套课件ppt

    而Ajax改变了这种模式,它采用局部更新的方式,用户在界面上的操作,如输入用户名校验,可以通过JavaScript即时发送请求到服务器,无需页面刷新。\n\n#### 1. 传统Web开发思维\n- 用户填写表单,点击提交按钮。 - ...

    ajax设置async校验用户名是否存在的实现方法

    3. 用户反馈:在请求过程中向用户提供反馈,如加载指示器或禁用提交按钮,直到验证完成。 4. 跨域问题:如果服务器和前端不在同一域名下,需要处理跨域资源共享(CORS)问题。 总之,Ajax提供了一种高效的方法来...

    仿weiphone网的jquery苹果验证

    5. 实时验证:为了提供更好的用户体验,验证往往会在用户输入时实时进行,而不是等到表单提交时才进行。这需要用到jQuery的`keyup`、`change`等事件,确保用户每次输入后都进行验证。 6. 兼容性:考虑到不同浏览器...

    用户体验良好的Ajax用户注册系统

    例如,输入框的校验提示、按钮的禁用状态变化等,都能增强用户的感知和控制感。 11. **响应式设计**:考虑到用户可能在不同设备上注册,系统应具备响应式设计,以适应不同的屏幕尺寸和设备特性。 通过以上这些知识...

    利用html、css、javascript、php同时交互数据库制作的注册登录界面

    此外,JavaScript还能实现一些用户体验增强功能,如表单提交时的动画效果或错误提示。 而PHP(Hypertext Preprocessor)是后端编程语言,用于处理用户提交的数据,与数据库进行交互。在这个项目中,PHP接收来自...

    jquery倒计时短信验证

    当用户输入验证码并提交时,前端通过Ajax发送请求到服务器进行验证。如果验证成功,允许用户继续操作;如果验证失败,提示用户输入正确的验证码。 ```javascript $("#submitCode").click(function() { var smsCode...

    php 防止表单重复提交两种实现方法

    总结起来,防止表单重复提交可以通过前端禁用按钮、使用Ajax异步提交,以及后端的session控制或token验证等多种方式。选择哪种方法取决于项目需求和实际环境。正确实施这些策略,可以确保Web应用的稳定性和数据的...

    js jquery 手机 邮箱注册

    在这个场景中,"js jquery 手机 邮箱注册" 涉及到前端交互的重要环节,主要包括JavaScript(JS)和jQuery库的使用,以及手机和邮箱验证功能的实现。下面我们将深入探讨这些关键知识点。 首先,JavaScript是Web开发...

    我佛山人Validator3.0

    "我佛山人Validator3.0"是一个JavaScript验证库,它主要设计用于前端数据验证,确保用户在表单提交前输入的数据格式正确、有效。在Web应用中,这种验证功能至关重要,因为它可以提供即时反馈,减少服务器端的压力,...

    Struts2防止重复提交的解决方案

    - 使用JavaScript禁用提交按钮或者通过AJAX异步提交表单,从而避免用户误操作导致的重复提交。 #### 四、Struts2相关开发技巧 除了防止重复提交外,Struts2还提供了丰富的功能支持,包括但不限于: 1. **处理结果...

    jQuery输入手机号码获取验证码表单代码

    8. **Ajax通信**:在用户点击获取验证码或提交表单时,可以通过Ajax异步请求将数据发送到服务器,这样不会刷新整个页面,保持用户交互的流畅性。 9. **CSS样式**:提供的`css`目录下的文件用于设置页面样式,包括...

    js验证手机号、密码、短信验证码代码工具类

    总结一下,这个js验证工具类通过正则表达式实现了对手机号和密码的格式验证,并且通过倒计时和AJAX技术实现了一个简单的验证码获取与校验机制。这些功能是大多数需要用户注册、登录或进行安全验证的Web应用所必须的...

    jQuery短信验证倒计时功能实现方法详解

    通过实现上述逻辑,我们能够完成一个基本的短信验证码倒计时功能,并通过ajax与后端进行必要的交互,将用户请求的验证方式、用户ID及生成的验证码发送到后端进行验证处理。 在使用jQuery进行ajax交互时,我们利用...

    JS/jQ实现免费获取手机验证码倒计时效果

    同时,为了防止用户重复点击获取验证码按钮,需在发送验证短信后将该按钮禁用,并显示倒计时,提示用户在倒计时期间不能再次获取验证码。 2. 校验手机号码:在用户输入手机号码后,前端需要对手机号码进行格式校验...

    form-validation

    - **禁用提交按钮**:在验证未通过时禁用提交,防止无效提交。 8. **最佳实践** - **客户端与服务器端双重验证**:客户端验证提供快速反馈,服务器端验证确保安全。 - **错误处理**:优雅地处理异常,避免程序...

Global site tag (gtag.js) - Google Analytics