Javascript表單元素輸入驗證處理

我有2個電臺組：電子郵件和系統。我希望它顯示錯誤消息時沒有單選按鈕爲他們兩個。這意味着，我希望它至少有一個單選按鈕是從一個廣播組中選擇的。Javascript表單元素輸入驗證處理

如果選擇帶有Create值的radio_system按鈕，我希望系統的複選框和dept全部啓用。如果在電子郵件或系統組中選擇了具有更改或終止值的單選按鈕，我希望啓用備註textarea。

我知道這聽起來很複雜。但是我怎麼能使它工作？請幫助...

<script type="text/javascript"> 
$(document).ready(function() 
{ 
    $("#form").validate(
    { 
     rules: { 
        radio_email: "required", 
        radio_system: "required", 
     remark: "required", 
     system: "required", 
     dept: "required", 
} 
    }); 
}); 
</script> 

<style type="text/css"> 
.block { display: block; } 
form.form_class label.error { display: none; } 
</style> 

<form id="form" name="form" class="form_class"> 
<input type="radio" name="radio_email" value="Create" id="radio_email_0" />New 
<input type="radio" name="radio_email" value="Change" id="radio_email_1" />Change 
<input type="radio" name="radio_email" value="Terminate" id="radio_email_2" />Termination 

<input type="radio" name="radio_system" value="Create" id="radio_system_0" />New 
<input type="radio" name="radio_system" value="Change" id="radio_system_1"/>Change 
<input type="radio" name="radio_system" value="Terminate" id="radio_system_2" />Termination 

<label for="radio_system" class="error">Please select under either Email or System.</label> 

<textarea name="remark" id="remark" cols="79" rows="3"></textarea> 

<input type="checkbox" name="system[]" value="A" id="app_0" />A 
<input type="checkbox" name="system[]" value="B" id="app_0" />B 
<input type="checkbox" name="system[]" value="C" id="app_0" />C 

<input type="checkbox" name="dept[]" value="A" id="app_0" />A 
<input type="checkbox" name="dept[]" value="B" id="app_0" />B 
<input type="checkbox" name="dept[]" value="C" id="app_0" />C 

<input type="submit" name="submitted_form" id="Submit" value="Submit"/> 
</form>

來源

2012-12-12 Newbie

將onClick（）處理程序添加到所有單選按鈕。編寫一個javascript函數，它將從所有單選按鈕的onclick（）方法中調用。訪問GUI上所有其他元素的JavaScript ID，然後您可以決定採取何種操作。希望對你來說已經夠清楚了。

來源

2012-12-12 08:47:49 LPD

Javascript表單元素輸入驗證處理

回答

相關問題