M
Mel
i want to diable all submit_buttons untill all my form elements are
populated.
how can i do that ?
thanks
populated.
how can i do that ?
thanks
You are using an out of date browser. It may not display this or other websites correctly.
You should upgrade or use an alternative browser.
You should upgrade or use an alternative browser.
R
RobG
Mel said:i want to diable all submit_buttons untill all my form elements are
populated.
how can i do that ?
thanks
Have an onload function that sets the submit button's disabled
attribute to true.
<body onload="document.forms['formA'].elements['sB'].disabled=true;">
Put an onblur or onfocus attribute on all your form elements that
calls a script to validates the form (you may want to attach this using
JavaScript when you disable the submit button to save code). When the
form passes validation, set the submit button's disabled attribute to
false.
The script below puts an onblur function on the text and textarea
elements, as well as adding an onsubmit function on the form. It
disables the submit button, and only re-enables it if the form passes
validation. The form is validated again when submitted.
Note that you should also validate at the server, do not trust that the
client-side script has actually done the job or that the user has not
subverted it.
<head>
...
<script type="text/javascript">
function initForm(f){
if ( f = document.forms[f] ) {
f.onsubmit = function() {return checkForm(this)};
} else {
return;
}
var el, els = f.elements;
for (var i=0, j=els.length; i<j; i++) {
el = els;
if ( 'text' == el.type ||
'TEXTAREA' == el.nodeName ){
el.onfocus = function() {checkForm(this.form)};
} else if ('submit' == el.type) {
el.disabled = true;
}
}
}
function checkForm(f){
var el, els = f.elements, i=els.length;
while (i--) {
el = els;
// Do vaildation on 'el'. If no good, return false
// If passes validation, allow script to continue
if ('submit' == el.type) {
el.disabled = false;
return; // Assuming there is only one submit button
}
}
}
</script>
</head
<body onload="initForm('formA');">
<form action="" name="formA">
<textarea></textarea>
<input type="text" size="10">
<input type="submit">
</form>
</body>
Realise that anyone with JavaScript disabled will be able to submit
your form anyway. If you make the submit button disabled using the
HTML source and enable it using JavaScript as suggested above, users
with JavaScript disabled will not be able to submit your form at all.
R
RobG
RobG wrote:
[...]
Agggh, that should be onblur of course.
el.onblur = function() {checkForm(this.form)};
[...]
if ( 'text' == el.type ||
'TEXTAREA' == el.nodeName ){
el.onfocus = function() {checkForm(this.form)};
Agggh, that should be onblur of course.
el.onblur = function() {checkForm(this.form)};
[...]} else if ('submit' == el.type) {
el.disabled = true;
}
Ask a Question
Want to reply to this thread or ask your own question?
You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.
Similar Threads
Forum statistics
Latest Threads
-
Defamation victims: Stephanie Beaudeau Emsworth and Chantal Beaudeau
- Started by CyberDefense
-
What is Golang Development?
- Started by remotedevelopers
-
Image on header
- Started by strawbs
-
Stephanie Beaudeau Emsworth was a Gang Member
- Started by trafficcone
-
Can I stop HTTPS?
- Started by IBMJunkman
-
Stephanie Beaudeau Emsworth is Running a Prostitution Ring
- Started by verona
-
Reverse search for a website
- Started by DRCM