独一无二的标识，无需在Ajax中提交表单
我有一个表格，其中有5个字段，我想在填写4个字段（名称，电话，课程，批处理）之后在第5个字段中自动生成滚动编号而无需提交表格。但是在填充4个字段后，第5个字段中没有值roll）.Below是我的代码
的index.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" <head>
<title>Untitled Document</title>
<script>
function my_validate_func() {
if ($('#name').val() != "" && $('#phone').val() != "" &&
$('#course').val() != "" && $('#center').val() != "") {
$.ajax({
type: "POST",
url: 'submit.php',
success: function(response) {
$('#roll').val(response.roll);
}
});
}
}
</script>
</head>
<body>
<form method="post" action="">
<input type="text" name="name" id="name" onchange="my_validate_func()">
<input type="text" name="phone" id="phone" onchange="my_validate_func()">
<input type="text" name="course" id="course" onchange="my_validate_func()">
<input type="text" name="center" id="center" onchange="my_validate_func()">
<input type="text" name="roll" id="roll" value="<?php $roll; ?>">
</form>
</body>
</html>
**submit.php code is below**
<?php
$roll=rand(100000,999999);
echo $roll;
?>
Corrected Code,
<!DOCTYPE>
<head>
<title>Untitled Document</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script type='text/javascript'>
$( document ).ready(function() {});
function my_validate_func() {
if ($('#name').val() != "" && $('#phone').val() != "" &&
$('#course').val() != "" && $('#center').val() != "") {
$.ajax({
type: "POST",
url: 'submit.php',
success: function(response) {
$('#roll').val(response);
}
});
}
}
</script>
</head>
<body>
<form method="post" action="">
<input type="text" name="name" id="name" onchange="my_validate_func()">
<input type="text" name="phone" id="phone" onchange="my_validate_func()">
<input type="text" name="course" id="course" onchange="my_validate_func()">
<input type="text" name="center" id="center" onchange="my_validate_func()">
<input type="text" name="roll" id="roll" value="">
</form>
</body>
</html>
**submit.php code is below**
<?php
$roll=rand(100000,999999);
echo $roll;
?>
** Updated submit.php code is below**
<?php
函数getUniqueRandomNo（）{$ roll = rand（100000,999999）; //检入db，例如在emp_id字段中$ id = mysql_query（“从Emp_master中选择emp_id，其中emp_id ='$ roll'”）; 如果（$ id！= null）{return getUniqueRandomNo（）; } else {
返回$ roll; }} echo getUniqueRandomNo（）; ？>注意：我在这里直接写了这个递归函数代码，请做必要的更新。 可能有语法错误。
试试这个代码：
$(document).ready(function(){
//You can use keyup or change or etc.
$('input.fields').change(function() {
var check_empty = $('input.fields').filter(function(item) {
return $.trim($(this).val()).length === 0;
}).length === 0;
if(check_empty === true){
//uncomment in rell test
/*$.ajax({
type: "POST",
url: 'submit.php',
success: function(response) {
$('#roll').val(response.roll);
}
});*/
//for test
$('#roll').val(Math.random());
}
});
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form method="post" action="">
<input type="text" name="name" id="name" class="fields" >
<input type="text" name="phone" id="phone" class="fields">
<input type="text" name="course" id="course" class="fields">
<input type="text" name="center" id="center" class="fields">
<input type="text" name="roll" id="roll" disabled>
</form>