如何使用Ajax和MySQL检查多个字段

how checking multiple field using ajax & mysql

本文关键字：字段 检查 MySQL 何使用 Ajax      更新时间：2023-09-26

如何使用 ajax 和 mysql 检查多个字段例如，我想检查或验证数据库中是否存在电子邮件我的代码是

jquery_append.js

$(document).ready(function() {
    		var count = 0;
    		$("#add_btn").click(function(){
					count += 1;
		   		$('#container').append(
							 
							 '<div class="s"><tr class="records">'
						  + '<td ><div id="'+count+'">No : ' + count + '</div></td></tr>'
						 + '<tr class="records"><td><label>Email</label><input id="email_' + count + '" name="email_' + count + '" type="text" class="email" required><label>Nama Depan</label><input id="nama_depan_' + count + '" name="nama_depan_' + count + '" type="text"><label>Nama Belakang</label><input id="nama_belakang_' + count + '" name="nama_belakang_' + count + '" type="text"></td></tr>'
						 
						
						 
						  + '<tr class="records"><td><label>Tipe Operasi</label><select name="tipe_operasi_' + count + '"><option value="0">-Pilih-</option></select></td><tr>'
						  + '<tr class="records"><td><label>Lokasi</label><select name="lokasi_' + count + '"><option value="0">-Pilih-</option></select></td><tr>'
						  + '<tr class="records"><td><label>Alamat</label><input id="alamat_' + count + '" name="alamat_' + count + '" type="text"></td><tr>'
						 + '<br><tr class="records"><td><a class="remove_item" href="#" >Delete</a>'
						 + '<input id="rows_' + count + '" name="rows[]" value="'+ count +'" type="hidden"></td></tr><tr><td><hr></td></tr></div>'
					);
				});
				$(".remove_item").live('click', function (ev) {
    			if (ev.type == 'click') {
	        	$(this).parents(".s").fadeOut();
	        	$(this).parents(".s").remove();
        	}
     		});
		});

编写一个函数并在电子邮件字段模糊时触发它。将您的电子邮件作为函数的参数传递，并将其签入您的数据库。

这是您的电子邮件字段：

<input type="text" class="form-control" name="email" id="email" value="" />

这是你的 JavaScript 代码：

$(document).ready(function() {
    $("#email").blur(function(){
        var email = $("#email").val();
        if(email != ""){
            $.ajax({ 
                url: 'ajax_function_url',
                data: {email:email},
                type: 'post',
                complete: function(output) {
                    var isExist = output.responseText;
                    if(isExist === '1'){
                        alert('This email is already in use.');
                    }else{
                        alert('success!!');
                    }
                }
            });
        }else{
            alert('Email should not be empty');
        }
    });
}

这是由Ajax调用的PHP函数：

    function CheckEmailExist() {
        $conn = new mysqli($servername, $username, $password, $dbname);
        if (isset($_POST['email']) && $_POST['email'] != "") {
            $sql = "SELECT id FROM `table` WHERE `email` = '" . $_POST['email'] . "'";
            $result = $conn->query($sql);
            echo mysql_num_rows($result);
        }
        exit();
    }

通过这种方式，您可以通过 ajax 检查数据是否存在于数据库中。

相关文章：