-1
Ich bin in logischen Zustand fest, ich habe ein Formular, in dem, wenn Checkbox namens ganztägiges Ereignis angeklickt wird dann zwei Eingabetext deaktiviert aufgerufen Eingabe Startzeit und Endzeit. Der verbleibende Eingabetext wird benötigt, um den Wert zu füllen. Das Problem tritt auf, wenn ich das Kontrollkästchen für das ganze Tag-Ereignis anklicke. und fülle den Wert in den verbleibenden drei Textfeldern und dann klicke ich auf "Speichern". Dann erhalte ich Validierungsfehlermeldungen am unteren Rand von deaktivierten Textfeldern. Wenn das Kontrollkästchen aktiviert und deaktiviert ist, sind Felder leer und verhindern das Speichern von Formularen und Fehlermeldungen unten. dies ist die Ausgabe ijquery Checkbox ausgewählt und deaktiviert erlaubt nicht zu speichern
bin vor, wenn Checkbox aktiviert und deaktiviert Feld hat darin einige Werte speichert dann die richtig
hier ist jsp
<form action="" method="">
<div class="left-add">
<div class="fbox">
<input name="oldEventName" id="oldEventName" type="hidden" value="aaa">
<label for="eventName"><span></span>Event Name</label>
<input type="text" id="eventName" maxlength="40" value="">
</div>
<br clear="all">
<h3 style="margin:30px 0;display:block;clear:both;">Event time</h3>
<div class="fbox timepicker">
<label for="startDate"><span></span>Start Date</label>
<input type="text" id="startDate" value="" class="hasDatepicker">
</div>
<div class="fbox timepicker">
<label for="startTime"><span></span>Start Time</label>
<input type="text" id="startTime" value="" placeholder="Ex: 08:00" disabled="">
</div>
<div class="fbox timepicker" style="width:250px !important;">
<select name="startTime_ampm" id="startTime_ampm" class="select" style="margin-top: 41px;width:100px;" disabled="">
<option value="AM">AM</option>
<option value="PM">PM</option>
</select>
<input id="allDayEvent" name="allDayEvent" type="checkbox" value="true">
<label for="allDayEvent" style="float: right; margin: 35px 0 0 0;"><span></span>All Day Event</label>
</div>
<br clear="all">
<div class="fbox timepicker">
<label for="endDate"><span></span>End Date</label>
<input type="text" id="endDate" value="" class="hasDatepicker">
</div>
<div class="fbox timepicker">
<label for="endTime"><span></span>End Time</label>
<input type="text" id="endTime" value="" placeholder="Ex: 08:00" disabled="">
</div>
<div class="fbox timepicker" style="width:250px !important;">
<select name="endTime_ampm" id="endTime_ampm" class="select" style="margin-top: 41px;width:100px;" disabled="">
<option value="AM">AM</option>
<option value="PM">PM</option>
</select>
</div>
<div class="bttns">
<input type="button" id="bttn_save" class="bttn save" value="Save" onclick="saveEventForEditOrCreate()">
</div>
</form></div>
</div>
und Jquery-Funktion für dieses gesamte wie folgt aussehen
function saveEventForEditOrCreate() {
$('.custom_error_msg').remove();
var eventName=$('#eventName').val().trim();
if(eventNames.indexOf(eventName)>-1){
validationError("eventName", "This is an invalid event name. Please update the name and try again.");
return true;
}
var startDate = $('#startDate').val();
var endDate = $('#endDate').val();
var startTime=$('#startTime').val();
var endTime=$('#endTime').val();
// if allDayEvent is checked and all fields are empty
if($("#allDayEvent").is(":checked") && $('#eventName').val()==="" && isDate(startDate) === false && isDate(endDate) === false)
{
validationError("eventName", "Must have event name");
validationError("startDate", "Must have start date");
validationError("endDate", "Make have end date");
return true;
}
// if alldayevent is checked and event name start date is empty
else if($("#allDayEvent").is(':checked') && $('#eventName').val()==="" && isDate(startDate) === false)
{
validationError("eventName", "Must have event name");
validationError("startDate", "Must have start date");
return true;
}
// if alldayevent is checked and event name start date is empty
else if($("#allDayEvent").is(':checked') && $('#eventName').val()==="" && isDate(endDate) === false)
{
validationError("eventName", "Must have event name");
validationError("endDate", "Must have end date");
return true;
}
// if alldayevent is checked and event name is empty
else if($("#allDayEvent").is(':checked') && $('#eventName').val()==="")
{
validationError("eventName", "Must have event name");
return true;
}
// if alldayevent is checked and event name is present and start date is empty
else if($("#allDayEvent").is(':checked') && isDate(startDate) === false)
{
validationError("startDate", "Must have end date");
return true;
}
else if($("#allDayEvent").is(':checked') && $("#startTime").prop('disabled') && $("#endTime").prop('disabled') && validateHHMM($("#startTime").val()) === false && validateHHMM($("#endTime").val()) === false)
{
$("#startTime").empty();
$("#endTime").empty();
return false;
}
else
{
// if alldayevent is checked and event name is present and end date is empty
if($("#allDayEvent").is(':checked') && isDate(endDate) === false)
{
validationError("endDate", "Must have end date");
return true;
}
} //else ends
// if event name and all felds are blank
if($('#eventName').val()==="" && isDate(startDate) === false && validateHHMM($("#startTime").val()) === false && isDate(endDate) === false && validateHHMM($("#endTime").val()) === false)
{
validationError("eventName", "Must have event name");
validationError("startDate", "Must have start date");
validationError("startTime", "Make sure time is in the HH:MM format. Example: 08:00");
validationError("endDate", "Make have end date");
validationError("endTime", "Make sure time is in the HH:MM format. Example: 08:00");
return true;
}
//if event name and all are empty , only start date is filed
else if($('#eventName').val()==="" && validateHHMM($("#startTime").val()) === false && isDate(endDate) === false && validateHHMM($("#endTime").val()) === false)
{
validationError("eventName", "Must have event name");
validationError("startTime", "Make sure time is in the HH:MM format. Example: 08:00");
validationError("endDate", "Make have end date");
validationError("endTime", "Make sure time is in the HH:MM format. Example: 08:00");
return true;
}
// // if event name and all are empty , only start time is filed
else if($('#eventName').val()==="" && isDate(startDate) === false && isDate(endDate) === false && validateHHMM($("#endTime").val()) === false)
{
validationError("eventName", "Must have event name");
validationError("startDate", "Must have start date");
validationError("endDate", "Make have end date");
validationError("endTime", "Make sure time is in the HH:MM format. Example: 08:00");
return true;
}
// if event name and all are empty , only end date is filed
else if($('#eventName').val()==="" && isDate(startDate) === false && validateHHMM($("#startTime").val()) === false && validateHHMM($("#endTime").val()) === false)
{
validationError("eventName", "Must have event name");
validationError("startDate", "Must have start date");
validationError("startTime", "Make sure time is in the HH:MM format. Example: 08:00");
validationError("endTime", "Make sure time is in the HH:MM format. Example: 08:00");
return true;
}
// // if event name and all are empty , only end time is filed
else if($('#eventName').val()==="" && isDate(startDate) === false && validateHHMM($("#startTime").val()) === false && isDate(endDate) === false)
{
validationError("eventName", "Must have event name");
validationError("startDate", "Must have start date");
validationError("startTime", "Make sure time is in the HH:MM format. Example: 08:00");
validationError("endDate", "Make have end date");
return true;
}
// // if event name , start date , start time are empty
else if($('#eventName').val()==="" && isDate(startDate) === false && validateHHMM($("#startTime").val()) === false)
{
validationError("eventName", "Must have event name");
validationError("startDate", "Must have start date");
validationError("startTime", "Make sure time is in the HH:MM format. Example: 08:00");
return true;
}
// // if event name , end date , end time are empty
else if($('#eventName').val()==="" && isDate(endDate) === false && validateHHMM($("#endTime").val()) === false)
{
validationError("eventName", "Must have event name");
validationError("endDate", "Must have start date");
validationError("endTime", "Make sure time is in the HH:MM format. Example: 08:00");
return true;
}
// // if event name , start date , end date are empty
else if($('#eventName').val()==="" && isDate(startDate) === false && isDate(endDate) === false)
{
validationError("eventName", "Must have event name");
validationError("startDate", "Must have start date");
validationError("endDate", "Make have end date");
return true;
}
// if event name , start time , end time are empty
else if($('#eventName').val()==="" && validateHHMM($("#startTime").val()) === false && validateHHMM($("#endTime").val()) === false)
{
validationError("eventName", "Must have event name");
validationError("startTime", "Make sure time is in the HH:MM format. Example: 08:00");
validationError("endTime", "Make sure time is in the HH:MM format. Example: 08:00");
return true;
}
// if event name , start date , end time are blank
else if($('#eventName').val()==="" && isDate(startDate) === false && validateHHMM($("#endTime").val()) === false)
{
validationError("eventName", "Must have event name");
validationError("startDate", "Must have start date");
validationError("endTime", "Make sure time is in the HH:MM format. Example: 08:00");
return true;
}
// // // if event name , start time , end date are blank
if($('#eventName').val()==="" && validateHHMM($("#startTime").val()) === false && isDate(endDate) === false)
{
validationError("eventName", "Must have event name");
validationError("startTime", "Make sure time is in the HH:MM format. Example: 08:00");
validationError("endDate", "Make have end date");
return true;
}
// // // if event name is present and all fields are empty
else if(isDate(startDate) === false && validateHHMM($("#startTime").val()) === false && isDate(endDate) === false && validateHHMM($("#endTime").val()) === false)
{
validationError("startDate", "Must have start date");
validationError("startTime", "Make sure time is in the HH:MM format. Example: 08:00");
validationError("endDate", "Make have end date");
validationError("endTime", "Make sure time is in the HH:MM format. Example: 08:00");
return true;
}
// // // if event name , start date are present and all fields are blank
else if(validateHHMM($("#startTime").val()) === false && isDate(endDate) === false && validateHHMM($("#endTime").val()) === false)
{
validationError("startTime", "Make sure time is in the HH:MM format. Example: 08:00");
validationError("endDate", "Make have end date");
validationError("endTime", "Make sure time is in the HH:MM format. Example: 08:00");
return true;
}
// // //if event name and end date are present and all fields are blank
else if(isDate(startDate) === false && validateHHMM($("#startTime").val()) === false && validateHHMM($("#endTime").val()) === false)
{
validationError("startDate", "Must have start date");
validationError("startTime", "Make sure time is in the HH:MM format. Example: 08:00");
validationError("endTime", "Make sure time is in the HH:MM format. Example: 08:00");
return true;
}
// // // if event name , start time are present and all fields are blank
else if(isDate(startDate) === false && isDate(endDate) === false && validateHHMM($("#endTime").val()) === false)
{
validationError("startDate", "Must have start date");
validationError("endDate", "Make have end date");
validationError("endTime", "Make sure time is in the HH:MM format. Example: 08:00");
return true;
}
// // // if event name , end time are present and all fields are blank
else if(isDate(startDate) === false && validateHHMM($("#startTime").val()) === false && isDate(endDate) === false)
{
validationError("startDate", "Must have start date");
validationError("startTime", "Make sure time is in the HH:MM format. Example: 08:00");
validationError("endDate", "Make have end date");
return true;
}
// // // if event name , start date blank
else if($('#eventName').val()==="" && isDate(startDate) === false)
{
validationError("eventName", "Must have event name");
validationError("startDate", "Must have start date");
return true;
}
// // // if event name , start time are blank
else if($('#eventName').val()==="" && validateHHMM($("#startTime").val()) === false)
{
validationError("eventName", "Must have event name");
validationError("startTime", "Make sure time is in the HH:MM format. Example: 08:00");
return true;
}
// // // if event name , end date are blank
else if($('#eventName').val()==="" && isDate(endDate) === false)
{
validationError("eventName", "Must have event name");
validationError("endDate", "Make have end date");
return true;
}
// if event name , end time are blank
else if($('#eventName').val()==="" && validateHHMM($("#endTime").val()) === false)
{
validationError("eventName", "Must have event name");
validationError("endTime", "Make sure time is in the HH:MM format. Example: 08:00");
return true;
}
// // if event name is present and start date , end date are blank
else if(isDate(startDate) === false && isDate(endDate) === false)
{
validationError("startDate", "Must have start date");
validationError("endDate", "Make have end date");
return true;
}
// // if event name is present and start time , end time are blank
else if(validateHHMM($("#startTime").val()) === false && validateHHMM($("#endTime").val()) === false)
{
validationError("startTime", "Make sure time is in the HH:MM format. Example: 08:00");
validationError("endTime", "Make sure time is in the HH:MM format. Example: 08:00");
return true;
}
// event name is present and start date , end time are blank
else if(isDate(startDate) === false && validateHHMM($("#endTime").val()) === false)
{
validationError("startDate", "Must have start time");
validationError("endTime", "Make sure time is in the HH:MM format. Example: 08:00");
return true;
}
// event name is present and start time , end date are blank
else if(validateHHMM($("#startTime").val()) === false && isDate(endDate) === false)
{
validationError("startTime", "Make sure time is in the HH:MM format. Example: 08:00");
validationError("endDate", "Make have end date");
return true;
}
else //event name is filled and all are empty
{
if(isDate(startDate) === false && validateHHMM($("#startTime").val()) === false && isDate(endDate) === false && validateHHMM($("#endTime").val()) === false)
{
validationError("startDate", "Must have start time");
validationError("startTime", "Make sure time is in the HH:MM format. Example: 08:00");
validationError("endDate", "Make have end date");
validationError("endTime", "Make sure time is in the HH:MM format. Example: 08:00");
return true;
}
} //else ends
//any single fields are empty
if(isDate(startDate) === false) {
validationError("startDate", "Must have start date");
return true;
}
if(isDate(endDate) === false) {
validationError("endDate", "Make have end date");
return true;
}
if(validateHHMM($("#startTime").val()) === false) {
validationError("startTime", "Make sure time is in the HH:MM format. Example: 08:00");
return true;
}
if(validateHHMM($("#endTime").val()) === false) {
validationError("endTime", "Make sure time is in the HH:MM format. Example: 08:00");
return true;
}
if($("#oldEventName").val() != "") {
updateEvent();
}
else {
createEvent();
}
}
Anstatt hundert Zeilen Code zu löschen, könnten Sie einfach eine [mcve] –
erstellen, danke dafür werde ich von nun an bewusst sein. –
Bitte ändern Sie Ihre Anfrage, damit die Leute verstehen, was Sie zu fragen versuchen. Bitte geben Sie genau an, wenn Sie Anfragen in SOF posten. –