form表单,form表单中的onblur事件怎么用

伏羲号

form表单,form表单中的onblur事件怎么用?

onblur事件在表单项失去焦点时触发。可以用来在用户输入错误时提示用户进行修改,或者防止用户提交表单后需要重新输入所有信息。比如:

form表单,form表单中的onblur事件怎么用

html

<form>

<label for="fname">请输入你的姓名:</label>

<input type="text" name="fname" id="fname" onblur="upperCase()" />

<span id="error-msg" style="color: red"></span>

</form>

<script type="text/javascript">

function upperCase() {

var x = document.getElementById("fname").value;

document.getElementById("fname").value = x.toUpperCase();

}

</script>

在这个示例中,当用户输入完姓名并失去焦点时,会触发onblur事件并执行upperCase()函数。这个函数将输入的文本转换为大写。同时,在表单中添加了一个标记用于显示错误提示信息。

create表单如何重置清空?

如果一开始表单是空的状态,可以使用reset重置后就为空了。如果一开始有些内容已经存在,想要清空,则只能循环对每个输入项做清空处理。jQuery版本:jQuery("#submitForm").get(0).reset()普通版本:

document.getElementById('submitForm').reset()submitForm 是表单form的id

form表单的post请求和ajax的post的请求有哪些区别?

提交方式没有区别,都是标准http协议中的POST方法。要说区别,就是form表单在post的同时,会把整个页面也跳转到目标地址上;而ajax只是异步(或者可以设置同步)的将数据提交到目标地址,然后接受一个返回值,页面依旧还是之前的页面。

shiro只能用form表单吗?

shiro只能用form表单。Apache Shiro是Apache软件基金会成员,这是一个公认为了社区利益最大化而行动的组织。项目开发和用户组都有随时愿意提供帮助的友善成员

如何实现form表单提交后数据不刷新?

$('form').submit(function (event) { event.preventDefault(); var form = $(this); if (!form.hasClass('fupload')) { //普通表单 $.ajax({ type: form.attr('method'), url: form.attr('action'), data: form.serialize() }).success(function () { //成功提交 }).fail(function (jqXHR, textStatus, errorThrown) { //错误信息 }); } else { // mulitipart form,如文件上传类 var formData = new FormData(this); $.ajax({ type: form.attr('method'), url: form.attr('action'), data: formData, mimeType: "multipart/form-data", contentType: false, cache: false, processData: false }).success(function () { //成功提交 }).fail(function (jqXHR, textStatus, errorThrown) { //错误信息 }); }; });

发表评论

快捷回复: 表情:
AddoilApplauseBadlaughBombCoffeeFabulousFacepalmFecesFrownHeyhaInsidiousKeepFightingNoProbPigHeadShockedSinistersmileSlapSocialSweatTolaughWatermelonWittyWowYeahYellowdog
评论列表 (暂无评论,90人围观)

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