`

JavaScript event(事件) 字符串长度控制及Form表单提交控制

 
阅读更多

文本域的字符串长度控制:

 

文本域代码:

<textarea id="remark" onkeydown="return aa();"
     onkeypress="tt(this.value);" cols="20" rows="5">
</textarea>

 

JS代码:

//控制文本域内容长度
function tt(v) {
	if (v.length >= 20) {
	//取消按下功能
	event.keyCode = 0;
	}
}

 

Submit按钮控制:

文本域代码:

<form ation="index.jsp" method="get">
       <input type="text" style="width: 140px" onkeydown="return aa();" value="AAAA" /> <br />
       <input type="submit" style="width: 140px" onkeydown= "return aa()"; value="提交" /> <br />
</form>

 

JS代码:

//点击回车不提交表单 ‘13’=‘回车’
function aa() {
	if (event.keyCode == 13) {
              return false;
	}
}

 以下是源码下载:

分享到:
评论

相关推荐

    javascript 字符串的验证基础篇之JS(适合新手)

    2. `form.addEventListener('submit', function(event) {...})`: 监听表单提交事件,进行验证。 3. `inputElement.checkValidity()`: 检查输入元素是否符合约束条件,如 `required`、`minLength` 等。 4. `...

    在IE的模式窗口中,通过表单提交到本页,并通过javascript获取提交的参数

    对于`GET`提交,参数会出现在URL的查询字符串中,可以使用`window.location.search`来获取,然后解析查询字符串以提取参数。 为了实现这个功能,开发者可能需要编写以下JavaScript代码: ```javascript // 对于...

    html对应的文件中 将form 表单数据 转化为json 格式

    然后,我们可以监听表单的提交事件,调用`serializeJSON`方法获取JSON数据: ```javascript $(document).ready(function() { $('#myForm').submit(function(event) { event.preventDefault(); // 阻止默认的表单...

    js验证表单大全,用JS控制表单提交 ,javascript提交表单

    例如,检查输入是否以特定的字符串开头: ```html &lt;script language="javascript1.2"&gt; function test() { if ((a.b.value.indexOf("***") == 0) || (a.b.value.indexOf("****") == 0)) { alert("输入不符合要求...

    js表单提交判断大全

    本文将详细介绍 JavaScript 表单提交判断大全,包括字符串长度限制、汉字限制、英文限制、数字限制、Email 验证、关键字屏蔽、密码验证等多个方面。 1. 字符串长度限制 在实际开发中,经常需要对用户输入的字符串...

    ajax提交表单到后台

    3. **使用AJAX提交表单**:在JavaScript中监听表单的提交事件,使用`$.ajax`方法进行异步提交: ```javascript $('#myForm').on('submit', function(event) { event.preventDefault(); // 阻止默认的表单提交行为...

    JQuery Ajax提交整个表单

    在jQuery中,`serialize()`函数用于将表单元素序列化为URL编码的字符串,这非常适合用来准备Ajax请求的数据。例如,如果有这样一个表单: ```html &lt;form id="myForm"&gt; &lt;option value="en"&gt;English ...

    表单提交代码

    JavaScript可以用来处理表单提交前的验证、阻止默认的表单提交行为、异步提交(AJAX)等。例如,使用`addEventListener`监听提交事件,然后在提交前进行验证: ```javascript document.querySelector('form')....

    javascript 表单验证禁止输入中文汉字

    总结来说,禁止用户在JavaScript表单中输入中文汉字可以通过监听输入事件,结合正则表达式进行判断来实现。这不仅可以提升用户体验,还能确保收集到的数据满足特定格式要求。在实际应用中,可以根据具体需求调整正则...

    使用jQuery ajax提交表单代码

    - 使用`$(selector).serialize()`方法,可以获取表单元素的值并将其转换为URL编码的字符串,适用于POST请求。 - 对于复杂数据结构,可以使用`$(selector).serializeArray()`,然后手动构建数据对象。 3. **发起...

    jquery form usr提交

    使用`serialize()`方法,可以将表单数据转化为URL编码的字符串,适用于HTTP请求: ```javascript var formData = $('#myForm').serialize(); ``` 8. **表单验证** 在提交前,可以使用jQuery验证插件(如jQuery...

    Form表单验证(服务器控件、HTML控件)

    3. RangeValidator:该控件确保输入值在指定的范围内,适用于数字、日期或字符串类型。 4. RegularExpressionValidator:这个控件使用正则表达式来验证输入,例如验证邮箱地址、电话号码等格式。 5. ...

    ajax提交表单

    ### AJAX提交表单知识点详解 #### 一、概述 在Web开发中,异步JavaScript与XML(Asynchronous JavaScript and XML,简称AJAX)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。通过在后台与服务器...

    基于layui点击按钮弹出包含表单的窗口

    这个例子涵盖了layui的`form`和`layer`模块的基本使用,包括按钮事件监听、弹窗创建、表单渲染、表单验证以及表单提交。通过深入学习layui文档,你可以发掘更多高级特性和定制化选项,进一步提升你的前端开发效率。

    Javascript 验证表单大全

    在表单提交时检查输入文本的长度是否超过50个字符。 ```javascript function test() { if (document.a.b.value.length &gt; 50) { alert("超过50个字符"); document.a.b.focus(); return false; } } ``` 这段...

    jquery formValidation表单验证插件实例

    2. **验证规则**:`validators`属性允许你定义各种验证规则,如`notEmpty`(非空检查)、`stringLength`(字符串长度检查)、`emailAddress`(电子邮件地址检查)等。每个规则都可以设置错误消息。 3. **触发验证**...

    常用的表单提交判断函数

    - 在表单提交时触发验证,可以使用`addEventListener('submit', function(event) {...})`,在事件处理器中执行验证逻辑,如果验证失败,阻止表单的默认提交行为:`event.preventDefault()`。 6. **错误提示** - ...

    javaScript表单验证

    JavaScript 表单验证是前端开发中的一个常见需求,它能够帮助开发者在用户提交表单前进行数据校验,从而避免不必要的服务器请求并提升用户体验。本文将详细介绍几种常见的JavaScript表单验证方法,包括但不限于长度...

    jquery ajaxSubmit提交所用到的jquery.form.js

    `ajaxForm`是用于自动绑定表单的提交事件,`serializeArray`和`serialize`则用于将表单数据转换成数组或字符串,便于发送到服务器。 总结,`jquery.ajaxSubmit`是基于jQuery的表单插件,它扩展了jQuery的核心功能,...

Global site tag (gtag.js) - Google Analytics