常用的jquery表单操作代码

阅读更多

1.表单中禁用回车键
$("#form").keypress(function(e) {
    if (e.which == 13) {
    return false;
}
});

2清除所有的表单数据
function clearForm(form) {
$(':input', form).each(function() {
     var type = this.type;
     var tag = this.tagName.toLowerCase();
     if (type == 'text' || type == 'password' || tag == 'textarea')
       this.value = "";
       else if (type == 'checkbox' || type == 'radio')
       this.checked = false;
       else if (tag == 'select')
       this.selectedIndex = -1;
});
};

3将表单中的按钮禁用
//禁用按钮：
$("#somebutton").attr("disabled", true);
//启动按钮：
$("#submit-button").removeAttr("disabled");

4. 输入内容后启用递交按钮
$('#username').keyup(function() {
$('#submit').attr('disabled', !$('#username').val());
});

5禁止多次递交表单
$(document).ready(function() {
$('form').submit(function() {
if(typeof jQuery.data(this, "disabledOnSubmit") == 'undefined') {
jQuery.data(this, "disabledOnSubmit", { submited: true });
$('input[type=submit], input[type=button]', this).each(function() {
$(this).attr("disabled", "disabled");
});
return true;
}
else
{
return false;
}
});
});

6高亮显示目前聚焦的输入框标示
$("form :input").focus(function() {
$("label[for='" + this.id + "']").addClass("labelfocus");
}).blur(function() {
$("label").removeClass("labelfocus");
});

7动态方式添加表单元素
$('#password1').change(function() {
//dynamically create new input and insert after password1
$("#password1").append("");
});

8自动将数据导入selectbox中
$(function(){
$("select#ctlJob").change(function(){
$.getJSON("/select.php",{id: $(this).val(), ajax: 'true'}, function(j){
var options = '';
for (var i = 0; i < j.length; i++) {
options += '' + j[i].optionDisplay + '';
}
$("select#ctlPerson").html(options);
})

9判断一个复选框是否被选中
$('#checkBox').attr('checked');

10使用代码来递交表单
$("#myform").submit();